list2-parts
画像のアスペクト比そのまま
3列レイアウト。mainの幅が900px未満で2列に。
画像のアスペクト比を1:1に
画像自体の縦横比はそのままで、中央だけくり抜かれる感じです。
使い分けは簡単で、外側のブロックの
「list2-parts」を「list2-parts square」にするだけです。
sectionの背景色に「bg-parts bg1-light-parts」を使った例。
sectionの背景色の別バージョン(bg-parts bg1-parts)
sectionの背景色の別バージョン(bg-parts bg1-primary-parts)
sectionの背景色の別バージョン(bg-parts bg1-accent-parts)
