<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
	<channel>
				<title><![CDATA[제품 칸수 조정하기]]></title>
		<link>https://www.cosmosfarm.com/threads/rss/document/47412</link>
		<description><![CDATA[<p>http://tcms2020.cafe24.com/?page_id=1310</p>

<p> </p>

<p>제품이 5칸으로 나열되는데요 3칸으로 조정가능한가요^^</p>]]></description>
		<copyright>Copyright 2026, 코스모스팜</copyright>
				<item>
			<title><![CDATA[안녕하세요~^^

올려주신 페이지 주소로 확인해보니

현재 각 게시글 너비를 px로 설정하여 한 줄에 3개...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/47426</link>
			<description><![CDATA[<p>안녕하세요~^^</p>

<p>올려주신 페이지 주소로 확인해보니</p>

<p>현재 각 게시글 너비를 px로 설정하여 한 줄에 3개씩 표시되게 하신 듯합니다.</p>

<p>아래의 CSS 코드를 활용하시면</p>

<p>화면 너비에 비례해서 한 줄에 3개씩 게시글을 표시되게 하실 수 있습니다.</p>

<p>화면의 크기가 줄어들면 게시글 영역도 반응형으로 줄어들게 됩니다.</p>

<pre>
<code class="language-css">#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; }
}</code></pre>

<p>고맙습니다.</p>]]></description>
			<author>스레드봇</author>
			<pubDate>Mon, 26 Oct 2020 02:10:57 +0000</pubDate>
			<category>KBoard</category>
		</item>
			</channel>
</rss>