CSS Grid를 공부하면서 알게 된 정보들을 정리하는 글입니다. 들어가기에 앞서.. Grid란? Grid(그리드)란 수평선과 수직선이 교차에서 만들어진 집합체입니다. 주요 페이지 영역을 설계하거나 작은 사용자 인터페이스 요소를 배치하는 데 사용합니다. 이전에는 파이어폭스의 개발자 모드에서만 그리드를 적용한 모습을 보여주어 설치가 필수적이었습니다. 하지만 2021년 6월경에 크롬 브라우저도 Grid와 Flex의 적용된 모습을 개발자 모드에서 보여주는 기능이 지원되었습니다. 따라서 본인이 편한 환경에서 구현하시면 될 것 같습니다. Grid의 장점 1) 고정 가능한 크기 그리드를 레이아웃에 맞게 원하는 크기로 만들 수 있습니다. 또한, 유연하게 크기를 설정할 수 있도록 fr이라는 단위를 사용해 그리드를 작성..