コーディング

富士山の紹介（PC用）- コーディングポイント

★実践演習

富士山の紹介（PC用）- コーディングポイント

ロゴ「h1」の右開きを「auto」にする（ロゴを囲む要素に「max-width」が指定されている場合、autoが設定可能）

nav内の２番目からの「li」の左空きを「margin-left」で設定する

key-visual部

テキストブロックを「padding」で設定する

news部

dlブロックを「padding」で設定する

main-copy部

ブロックを「padding」で設定する

about部

interview部

3列の記事を「display: flex;」で設定する
それぞれの間隔を「gap」で設定する

gallery部

5列の写真を「display: grid;」「grid-template-columns: repeat(5, 1fr);」で設定する
「1fr」は、等分割（fraction）
それぞれの間隔を「gap」で設定する

contact部

背景写真を「background-size: cover;」最小辺にフィットする設定にする
「display: flex;」「justify-content: center;」「align-items: center;」で、テキストの幅を指定せずに上下左右の中央に配置する

「display: flex;」「margin-right: auto;」で、横並びに設定する