# 1fr

josh_yeom

CSS - grid 공부중에, 1fr단위가 많이 나오던데, 헷갈려서 정리를 해보고자 한다.먼저 내가알던 %를 구현해보면4개 div블럭을 꽉채워 넣고싶으면, 4 / 100 = 25로 각 width값을 25로 넣어주면 된다.그러나, 매번 계산해아되는 귀찮음이 있다.또한,

0307kwon

grid는 flex와 비교해flex는 col이나 row 중 하나를 주요 축으로 하여 구성하는 방식이라면grid는 좀 더 복잡한 2차원 레이아웃을 구성할 수 있는 시스템이다.백번 듣는 것보다 직접 보는 게 훨씬 좋다.직접 해보자.위와 같은 레이아웃을 그리드로 구현한 cs