원하는 형태로 요소 배치하기(with grid)

CSS의 display: grid

grid를 이용해 원하는 행, 열로 요소를 배치

• display:grid -> grid 형태로 배치
• grid-template-colomes: repeat(3, 1fr) -> 하나의 열에 3개씩 배치, 1fr(fraction)는 비율을 의미하며, 요소들을 같은 비율로 배치한다는 뜻

Reference
👉 이번에야말로 CSS Grid를 익혀보자