[CSS] 콘텐츠를 가로로 나란히 배치 할 때 grid-template-rows가 아닌 -columns를 사용하는지 궁금합니다.

Question

생활코딩 web2 css 강의 보고 있는데 그리드 소개 중에 두 개의 컨텐츠를 가로로 나란히 나열하려고 하는데 하나의 columns에 놓기 위해 grid-template-columns를 사용한다고 하더라구요. columns은 열 즉, 세로인데 왜 columns를 사용해서 가로로 나란히 배치하는지 궁금합니다,,,

MoonLazy · Answer

세로가 2개면 가로고 가로가2개면 세로여서 그런거 아닐까

kryptonite · Answer

가로배열시 columns을쓰고 세로배열시 rows를쓴다 이런개념이라기보다는grid-template-columns 속성으로 각 column의 너비를 지정하여 각 row당 보여줄 column의 개수를 정할수 있고grid-template-rows 속성으로 각 row의 높이를 각각 지정할 수 있습니다.https://www.w3schools.com/cssref/tryit.php?filename&#61;trycss_grid-template-rows에서 속성값을 변경하며 테스트해보시면 금방 이해되실것입니다.

[CSS] 콘텐츠를 가로로 나란히 배치 할 때 grid-template-rows가 아닌 -columns를 사용하는지 궁금합니다.

2개의 답변

Q&A 목록