【練習】レイアウトLesson1

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

素材ダウンロード

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

使用フォント

• RocknRoll One

PCデザイン詳細

• 全体の横幅は最大サイズが1000px。左右中央。
• メイン画像はオリジナルのアスペクト比を利用。
• 左側は可変、右側はwidth300px固定（可変レイアウトについてはこちら）。
• 住所はaddressタグを利用。

SPデザイン

SPデザイン詳細

• ハンバーガーメニューはなし。SPデザインでもメニューはそのまま。
• ブレイクポイントは2段階、1000pxと768pxです。
• PCの横幅最大サイズが1000pxなので、1回目のブレイクポイント1000px以下で下部の2段組み要素の左右に20pxずつスペースをいれたい。
• 2回目のブレイクポイント768px以下でタイトルが左右中央へ移動、2段組みは1段組みになる。