Grid Garden

grid 문제 사이트

https://cssgridgarden.com/#ko

Grid Garden

이 사이트에서 게임을 풀면서 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은 생각하지 못했다.