시작하며

CSS Grid 관련 내용은 아래 Github에서도 보실 수 있습니다.

Github 바로가기

CSS Grid?

우리는 지금까지 일반적으로 그리드를 구현할 때 라이브러리를 사용하곤 했습니다.
ex) BootstrapfancyGrid 등


하지만 CSS에 공식 GRID 지원 기능이 있습니다.

다만 문제라면 Firefox 52, Chrome 57이상 버전의 브라우저를 사용하거나 크롬의 flag 기능을 이용해야 합니다.

이렇게 보니 계륵이네요.

그러니 실제 Grid 기능은 위에 언급한 라이브러리를 사용하시고, CSS에서도 Grid를 지원하긴 하는구만~ 하시면 더 좋을 듯 합니다.

목차

추후 정리 예정입니다.

마치며

이번 주제의 포스트들은 Egghead의 강의를 기반으로 하고 있으며, 강의 내용에서 참고하여 설명이 부족한 부분을 더 추가 하는 식으로 작성되었습니다.

CSS Grid 강의가 Egghead.io에서 무료로 공개되어 있으니 직접 보시는것도 좋을 것 같습니다.