Service(コンパクトレイアウト)
下の方にある横長レイアウトは<section class="list">ですが、<section class="list compact">にするとこのようにコンパクトボックスになります。html構成はそれぞれ異なります。

タイトルタイトル
サンプルテキスト。サンプルテキスト。サンプルテキスト。

タイトルタイトル
サンプルテキスト。サンプルテキスト。サンプルテキスト。

タイトルタイトル
サンプルテキスト。サンプルテキスト。サンプルテキスト。

タイトルタイトル
沢山テキストを詰め込みすぎると途中で切れてしまうのでご注意下さい。沢山テキストを詰め込みすぎると途中で切れてしまうのでご注意下さい。沢山テキストを詰め込みすぎると途中で切れてしまうのでご注意下さい。
Service(横長レイアウト)
タイトルタイトル

サンプルテキスト。サンプルテキスト。サンプルテキスト。
タイトルタイトル

サンプルテキスト。サンプルテキスト。サンプルテキスト。
タイトルタイトル

サンプルテキスト。サンプルテキスト。サンプルテキスト。