contents
幅狭のコンテンツエリア
<article class="width-sm">
ここにコンテンツ
</article>
article
にwidth-sm
クラスを設定すると、小説ページサンプルのように、コンテンツ幅が狭くなります- スマホ表示では、通常のページと同じ幅でコンテンツが表示されます
2列表示
1つめのコンテンツ
2つめのコンテンツ
3つめのコンテンツ
4つめのコンテンツ
<div class="column">
<div>1つめのコンテンツ</div>
<div>2つめのコンテンツ</div>
<div>3つめのコンテンツ</div>
<div>4つめのコンテンツ</div>
</div>
div
にcolumn
クラスを設定すると、コンテンツが2列表示になります- スマホ表示では1列表示になります