노마드 코더/CSS Layout
Grid Garden
5_hyun
2022. 7. 29. 15:18
반응형
grid 문제 사이트
Grid Garden
A game for learning CSS grid layout
cssgridgarden.com
이 사이트에서 게임을 풀면서 grid 공부를 할 수 있다.
못 푼 문제들
-24단계
grid-template-columns: 50px repeat(3, 1fr) 50px;
-26단계
grid-template-rows: repeat(4, 12.5px);물이 아래 있으니까 상단을 4칸으로 만들면 아래 당근들이 채워진다.
-28단계
grid-template: auto 50px / 1fr 4fr;auto 50px는 생각했지만 1fr 4fr은 생각하지 못했다.
반응형