aspect-ratio - CSS: カスケーディングスタイルシート | MDN

ある要素の比率をCSSで指定したい場合は aspect-ratio が便利。

aspect-ratio: 1 / 1;
aspect-ratio: 16 / 9;
aspect-ratio: 0.5;

画像に高さと幅を設定することが再び重要に

上MDNの記事内で引用されている下記記事は参考になった。

`aspect-ratio` property is very nice😊 | Setting Height And Width On Images Is Important Again — Smashing Magazine https://t.co/UHdk0GwsGY

— toshimaru (@toshimaru_e) December 29, 2021

参考

• html - Maintain the aspect ratio of a div with CSS - Stack Overflow

Classless CSS Framework

クラスレスフレームワークを検討する上では下記サイトが参考になった。

No-Class CSS フレームワークをいろいろ比較するサイトを作った

中でも new.css が気に入った。

そして new.css よりも後発である Simple.css が良さそうだった。下記の記事にてなぜ new.css ではなく、simple.css なのかが綴られている。

Simple.css – A Classless CSS Framework For Everyone | Kev Quirk