object-fit プロパティは、画像やビデオなどの置換要素をコンテナ内でどのように表示するかを制御するプロパティです。

必ず使用する重要なプロパティですが、初学者が苦手なプロパティにline-heightがあります。 主にテキストの行間の高さを指定するために使用されます。

疑似要素と擬似クラスは混同しがちです。下記の違いはあります

ボタンを作成する時ですが、CTA(call to action)の観点からマウスでホバーする時に何らかの変化をつけるのが一般的です。

通常、要素を横並びにしたい時は一番最初に思い浮かぶのがdisplay: flex;です。実際によく使用します。あまり、馴染みがないですが、display: inline-flex;で横並びにする方法もあります

横幅をスマホサイズにしている時に、どこかの画像や要素がはみ出ていて、横スクロールしてしまう時があります

widthを%で設置する場合、font-sizeの単位にvwを使用すると便利です。