メニュー

テンプレート グリッド

2カラム class="c-grid _col2_"

<div class="c-grid _col2_">
	<div class="__col"><img loading="lazy" src="https://placehold.jp/800x300.png" alt=""></div>
	<div class="__col"><img loading="lazy" src="https://placehold.jp/800x300.png" alt=""></div>
	<div class="__col"><img loading="lazy" src="https://placehold.jp/800x300.png" alt=""></div>
	<div class="__col"><img loading="lazy" src="https://placehold.jp/800x300.png" alt=""></div>
</div>

3カラム class="c-grid _col3_"

<div class="c-grid _col3_">
	<div class="__col"><img loading="lazy" src="https://placehold.jp/600x350.png" alt=""></div>
	<div class="__col"><img loading="lazy" src="https://placehold.jp/600x350.png" alt=""></div>
	<div class="__col"><img loading="lazy" src="https://placehold.jp/600x350.png" alt=""></div>
	<div class="__col"><img loading="lazy" src="https://placehold.jp/600x350.png" alt=""></div>
	<div class="__col"><img loading="lazy" src="https://placehold.jp/600x350.png" alt=""></div>
	<div class="__col"><img loading="lazy" src="https://placehold.jp/600x350.png" alt=""></div>
</div>

4カラム class="c-grid _col4_"

<div class="c-grid _col4_">
	<div class="__col"><img loading="lazy" src="https://placehold.jp/600x400.png" alt=""></div>
	<div class="__col"><img loading="lazy" src="https://placehold.jp/600x400.png" alt=""></div>
	<div class="__col"><img loading="lazy" src="https://placehold.jp/600x400.png" alt=""></div>
	<div class="__col"><img loading="lazy" src="https://placehold.jp/600x400.png" alt=""></div>
	<div class="__col"><img loading="lazy" src="https://placehold.jp/600x400.png" alt=""></div>
	<div class="__col"><img loading="lazy" src="https://placehold.jp/600x400.png" alt=""></div>
	<div class="__col"><img loading="lazy" src="https://placehold.jp/600x400.png" alt=""></div>
	<div class="__col"><img loading="lazy" src="https://placehold.jp/600x400.png" alt=""></div>
</div>

4カラム（スマホ 1カラム） class="c-grid _col4_ _sm-col1_"

<div class="c-grid _col4_ _sm-col1_">
	<div class="__col"><img loading="lazy" src="https://placehold.jp/600x400.png" alt=""></div>
	<div class="__col"><img loading="lazy" src="https://placehold.jp/600x400.png" alt=""></div>
	<div class="__col"><img loading="lazy" src="https://placehold.jp/600x400.png" alt=""></div>
	<div class="__col"><img loading="lazy" src="https://placehold.jp/600x400.png" alt=""></div>
</div>
ページトップに戻る