[Css] Grid

Flex 와 Grid 의 차이 Flex는 한 방향 레이아웃 시스템(1차원) Grid는 두 방향(가로-세로) 레이아웃 시스템(2차원) TIP 전체적인 레이아웃은 Grid로 잡고 부분부분에 Flex와 Grid를 적절히 사용해주기 소스코드 보면서 레이아웃 예상해보기 A B C D E F G H I 더보기 더보기 더보기 중앙 500 px은 고정이고 나머지는 줄어든다. TIP 1fr 는 빈 공간을 모두 채운다. 더보기 위 style 처럼 1fr 이 5번 반복되는 경우는 다음과 같이 코드를 짤 수 있다. repeat 을 사용한다. repeat 의 두번째 파라미터에는 여러개의 값을 넣을 수 있다. 더보기 Grid 는 2차원 레이아웃이다. 따라서 위에서 grid-template-columns에 대해 값을 주었다면 gr..