課題

HTML・CSSの理解度チェックとして、以下の画面を作成しましょう。
「JavaStudy」配下に、「3-1」ディレクトリを作成し、その中に「top1.html」と「style1.css」を作成し、作成してみましょう。

※clearfixを使用して課題を解くこと。

「smartStyle1.css」を作成し、レスポンシブも提出しましょう。

【ウィンドウ幅が767pxまでの場合】
・headerの横幅を250pxにする
・rightの横幅を100pxにする
・footerの横幅を250pxにする

【ウィンドウ幅が479pxまでの場合】
・headerの横幅を150pxにする
・rightの横幅を150pxにする
・footerの横幅を150pxにする
・要素の浮動化(float)の解除