CSS でレイアウトを作る時に考えていること（margin/width/height） - asoview! Tech Blog

この記事は、アソビュー！ Advent Calendar 2022 の 17日目（裏面）です。 みなさん、こんにちは。アソビュー！でフロントエンドエンジニアをしている白井です。 弊社ではバックエンドエンジニアの比率が多いこともあり、CSS 怖い！CSS わからない！という声をよく聞きます。 CSS と少しでも仲良くなるために、今回はレイアウトを作る際に基本となる幅（width）、高さ（height）、余白（margin）を指定する際に考えていることなどお話ししようと思います。 まずはじめに レイアウトを整える前に、不要な CSS プロパティは消しておく 普段作業していて CSS を書き換えていると不必要なスタイル定義は意外と残ってしまいがちです（よくやってしまいます…）。 色や形に関するプロパティは大体決まっているので重複したりすることは少ないですが、要素の位置は display、posi