카테고리 없음

css grid 참고

uragiljay 2025. 4. 11. 17:08
반응형

<div style="display: grid; grid-template-columns: auto auto auto; gap: 8px;">
  <div>Div1</div>
  <div>Div2</div>
  <div style="grid-row: span 1; grid-column: 3 / 4;" rowspan="1"></div> <!-- 빈 칸 -->
  
  <div>Div3</div>
  <div>Div4</div>
  <div rowspan="2" style="grid-row: 2 / span 2;">Div7</div>

  <div>Div5</div>
  <div>Div6</div>
</div>

반응형