【練習】レイアウトLesson2

下記画像のようなレイアウトを完成してください。

素材ダウンロード

ダウンロード圧縮ファイル

使用フォント

• Noto Sans JapaneseのRegular400、Bold700
• Dancing ScriptののRegular400、Bold700

PCデザイン詳細

サイズについて

メイン画像（ビーチ）とフッター以外の横幅は最大サイズが1200pxになります。ウィンドウが狭まっても左右に空きスペースがあるようにするために、左右paddingを20pxずつ空けてください。

メイン画像（ビーチ）はofject-fitを利用して高さ500pxを指定してください（アスペクト比は固定しない）。

About Beach Cafe部分は最大サイズが750px。

SPデザイン

以下は、SPデザインのサンプルです。768px以下で下記デザインになるようにしてください。

SPデザイン詳細

• グローバルメニューをハンバーガーメニューへ変更。
• メイン画像（ビーチ）の高さを250pxに変更。
• 画像を左右センターへ、それぞれ横幅を60%に。
• タイトルを左右センターへ。
• フッターメニューは非表示へ。