상품 갯수 컴퓨터 화면에서만 변경하는 방법

안녕하세요

이전에 이거랑 비슷한 질문 올렸었는데요, 답변이 아직 없는 김에, 질문 내용을 새로 바꿔서 올립니다.

 

퍼스트콘텐츠몰 상품갯수가 화면에 2개씩만 보여서 한 줄에 3개로 보이게 바꾸고 싶어서 
#kboard-first-contents-mall-list .kboard-list .kboard-list-item { width: 30%; }

이 소스 코드를 css에 적용하면, pc에서는 잘 보이는데, 모바일에서는 상품이 몰려져 나와서(아래 2번째 링크 참고) 

위 소스코드 그냥 지우고 홈페이지를 원래대로 복구한 상태입니다.

 

pc화면처럼 행과 행 사이 열과 열사이 공간이 나오게 할 수 있을까요?

변경하고자 하는 사항 : 링크 

확인 부탁드리겠습니다. 감사합니다.

 

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기