루체

grid-template-columns / grid-gap fr = fraction 이라는 뜻으로 4 : 6으로 나누겠다! 라는 말입니다. grid-gap은 grid로 나눠진 부분에 여백을 이렇게 두겠다는 말입니다. grid-template-columns에는 %도 들어갈 수 있지만 %보다는 fr단위를 많이 사용을 합니다. 왜냐하면 스크롤이 생길 수 있기 때문입니다. 그리고 이렇게도 나눌 수 있습니다. grid-template-columns : repeat(3,1fr) 1fr은 3번 쓰기는 귀찮으니까 repeat을 통해 1fr단위로 3단으로 나누겠다~ 라는 말이라고 생각하면 편할 것 같다. 그리고 이럴 수도 있다. 나는 2줄로 정렬을 하고 왼쪽열을 200px로 고정시키고 오른쪽열만 신축성이 있게 만들고 싶..