- CSS Grid는 Flexbox와 유사하지만, 2차원적인 배치가 가능하다는 것이 차이점입니다. 🧩
- 기본적으로 CSS Grid는 한 열과 여러 행으로 구성되며, 이는 납작한 표와 유사합니다. 📊
grid-auto-flow: column;
을 사용하면 아이템이 새로운 열로 추가되며, Flexbox와 유사한 동작을 보입니다. ➡️grid-gap
키워드는 아이템 사이에 간격을 추가하여 레이아웃을 조정할 수 있습니다. 📐grid-template-columns
속성은 컬럼의 크기를 명시적으로 설정할 수 있습니다. 📏repeat()
함수는 컨텐츠에 맞춰 균일한 크기의 컬럼을 만들 수 있습니다. 🔁