あの時の感動をもう一度・・・

こんにちは。１年目エンジニアの駒井です。

今回は、コーディングをはじめたての時に感動したCSS３選を紹介していきます！

①object-fit: cover;

画像と、その画像を入れたいスペースの縦横比が異なるときに、良い感じに全体を画像で埋めてくれます（アバウト説明）
便利すぎて本当に感動したのを覚えています…

②calc(計算式)

width: calc(100% / 3); みたいな感じで計算式を入れられるものです（アバウト説明２）
３等分なんてどうやって指定するんや…と思っていたので、簡単で驚きました。ややこしい式も入れられるので、なにかとお世話になっています。

③justify-content: space-between;

Flexboxで、要素を端から端まで均等に並べてくれるものです（アバウト説明３）
「均等に並べる」よりも「全部左！」など単純な並べ方の方が簡単そうなイメージだったので、同じ手間でできることに感動しました。

３選は以上です！
どれも今となっては毎日のように使っているものですが、当時の感動を思い出したことで、新たな学習意欲が湧いてきました！感動のレベルを上げられるようにこれからも頑張ります。

アバウト説明を３回もしてしまったので、ちゃんとした説明を読みたい方は下記をご参照ください。
①object-fit
②calc()
③justify-content