http://tcms2020.cafe24.com/?page_id=1310
제품이 5칸으로 나열되는데요 3칸으로 조정가능한가요^^
안녕하세요~^^
올려주신 페이지 주소로 확인해보니
현재 각 게시글 너비를 px로 설정하여 한 줄에 3개씩 표시되게 하신 듯합니다.
아래의 CSS 코드를 활용하시면
화면 너비에 비례해서 한 줄에 3개씩 게시글을 표시되게 하실 수 있습니다.
화면의 크기가 줄어들면 게시글 영역도 반응형으로 줄어들게 됩니다.
#kboard-ocean-gallery-list .kboard-list .kboard-gallery-item { width: 31%; padding: 0 1% 15px 1%; }
#kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail { width: 100%; }
#kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail img { width: 100%; }
#kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail .kboard-gallery-foreground { width: 100%; }
@media screen and (max-width: 600px) {
#kboard-ocean-gallery-list .kboard-list .kboard-gallery-item { width: 100%; padding: 0 0 15px 0; }
}
고맙습니다.