カフェのホームページ

今回の練習問題は、カフェのホームページです。
いよいよ本格的なWebサイトになってきましたね！

今回も横並びのレイアウトが登場するので、
使いこなせるように練習していきましょう！

デザイン

※Figmaのリンクが開きます。

画像はこちらからダウンロードできます。
Figmaからご自身で書き出して使用していただいてもOKです！

ファーストビューの背景画像は、
background-imageで表示してみましょう。

ヒント（クリックで開きます）

背景画像をメインビューいっぱいに広げるには、
background-size: coverを指定しましょう！

回答コードはこちらからダウンロードしてください。

おしゃれなサイトができましたね！
できることが増えてくると
コーディングがどんどん楽しくなりますよね！