19.11.21.목 TIL

grid-auto
정해진 row와 column을 제외하고 더 많은 태그들이 있을 시 사용한다.(같은 부모를 가진 태그들에서)
grid-auto는 default가 row다. 내용이 많을 경우 밑으로 주로 내리지 자주 옆으로 보진 않기 때문이다. grid-auto-column으로 바꾸면 row로 동작하지 않고 옆으로 column 방향으로 많은 태그들에 적용된다.
둘 다 적용할 수 있다.

fr(fraction);
fr은 fraction의 약자다. grid에서 fr을 이용해서 화면의 너비, 높이에 따라 상대적으로 크기를 조절할 수 있다. 화면이 너비가 100%, 박스가 두개가 있다고 하자. 하나는 1fr 나머지는 2fr이면 앞에 있는 너비는 33.3・・・% 뒤에 상자는 66.6・・・%가 된다.