안녕하세요
이전에 이거랑 비슷한 질문 올렸었는데요, 답변이 아직 없는 김에, 질문 내용을 새로 바꿔서 올립니다.
퍼스트콘텐츠몰 상품갯수가 화면에 2개씩만 보여서 한 줄에 3개로 보이게 바꾸고 싶어서
#kboard-first-contents-mall-list .kboard-list .kboard-list-item { width: 30%; }
이 소스 코드를 css에 적용하면, pc에서는 잘 보이는데, 모바일에서는 상품이 몰려져 나와서(아래 2번째 링크 참고)
위 소스코드 그냥 지우고 홈페이지를 원래대로 복구한 상태입니다.
pc화면처럼 행과 행 사이 열과 열사이 공간이 나오게 할 수 있을까요?
변경하고자 하는 사항 : 링크
확인 부탁드리겠습니다. 감사합니다.
안녕하세요~^^
pc에서만 css를 변경하고 싶은신걸까요?
남겨주신 이 코드를 추가 후
#kboard-first-contents-mall-list .kboard-list .kboard-list-item { width: 30%; }
아래 코드를 같이 추가해보시겠어요?
@media screen and (max-width: 600px) {
#kboard-first-contents-mall-list .kboard-list .kboard-list-item { width: 원래 비율 }
}
고맙습니다.
이 방법도 좋네요 50%로 해서.
감사합니다.
AI에 의해 자동 생성된 답변이에요 😀
안녕하세요, 고객님. 문의주신 내용에 대해 정확한 원인을 파악하기 위해 추가적인 확인이 필요한 상황입니다. 이에 대한 답변을 드리기 위해 좀 더 시간을 주시면 감사하겠습니다. 빠른 시일 내에 다시 연락드리도록 하겠습니다. 이용에 불편을 드려 죄송합니다. 감사합니다.
↓ 아래 버튼을 눌러서 피드백해주세요.