文字。とても大きい。

文字。少し大きい。

文字。普通。

文字。少し小さい。

文字。とても小さい。

前後の自然なマージン

px2-p は、段落要素と同じように前後に自然な改行を追加します。

段落ユーティリティは、テキストの左右寄せの指定もできます。

"); background-size: cover; background-repeat: no-repeat; background-color: #FFC107; min-height: 450px; color: #FFFFFF;">

Utility Block

ResponsiveBlockResponsiveBlockResponsiveBlockResponsiveBlockResponsiveBlockResponsiveBlockResponsiveBlockResponsiveBlockResponsiveBlockResponsiveBlockResponsiveBlock

ResponsiveBlockResponsiveBlockResponsiveBlockResponsiveBlockResponsiveBlockResponsiveBlockResponsiveBlockResponsiveBlockResponsiveBlockResponsiveBlockResponsiveBlockResponsiveBlockResponsiveBlockResponsiveBlock

"); background-size: cover; background-repeat: no-repeat; background-color: #8BC34AD9; min-height: 560px; color: #3F51B5;">

このブロックは、コンテンツエリアのサイズに対して端から端まで貫通します。

色を敷いて区切り感を表現したい場合などに活用できます。