이렇게 생긴 css grid 배치를 하려고 합니다.

Question

이렇게 생긴 css grid를 만들려고 합니다.위에 두칸은 따로 되어있고아래는 연결이 되어 있는 상태인데요....여기서 grid-template-columns: 1fr 1fr이렇게 했을 경우 그냥 4등분이 되는데 여기서 어떤 값을 줘야할까요.. 계속 해봤는데도 감이 안와서요ㅜ

yeori · Answer

grid-column, grid-row...를 적절히 섞어야 합니다.위 그림의 경우 colum index는왼쪽 끝이 1, 가운데 경계가 2, 오른쪽 끝이 3입니다.row index는위쪽 선이 1, 가운데 선이 2, 아래쪽 경계가 3이고, 이걸 이용해서 공간을 지정할 수 있습니다.폰이라 더 길게는 못씀

이렇게 생긴 css grid 배치를 하려고 합니다.

1개의 답변

Q&A 목록