감사드립니다. ~ ^^

KBoard 감사 

너무 감사드립니다. 

Kboard 감사

일단 height 값을 지워주세요.

최대 높이를 400px로 주셨기 때문에 그 안에 들어가지 못하는 것들은 밖으로 빠져나오는 모습이 됩니다.

height 값을 지우고

#kboard-card-gallery-list .kboard-list-item 안에 있는 요소들의 높이를 줄이는 방향으로 수정해보세요.

내용을 줄이거나 특정 요소를 지우거나 또는 여백을 줄이는 방향으로요.

아니면 각각 요소들의 height 값을 모두 더한 값을 입력을 해주셔야 합니다.

다시 정리해서 말씀드리면

#kboard-card-gallery-list .kboard-list-item 이쪽에서 정한 height 값보다 안에 있는 요소들의 합산한 height 값이 더 크기 때문입니다.

#kboard-card-gallery-list .kboard-list-item 이쪽의 height 값을 늘리거나

안에 있는 요소들의 내용이나 여백을 줄여서 요소들의 height 값을 줄이세요.

그리고 모바일에서는 height: 330px; 으로 변경 되도록 속성이 설정되어 있습니다.

#kboard-card-gallery-list .kboard-list-item { float: left; margin: 0 0 5px 0; padding: 0; width: 100%; height: 330px; list-style: none; border: 1px solid #e3e3e3; cursor: pointer; background-color: white; }

모바일에서 적용되는 코드는...

@media screen and (max-width: 600px){ 이쪽 영역에 설정된게 모바일에서 적용됩니다. }

http://monggri.com/wp-content/plugins/kboard/skin/card-gallery/style.css

크롬 브라우저의 개발자도구(F12키)를 사용하시면 CSS 속성을 쉽게 찾고 테스트 해보실 수 있습니다^^;