レイアウトレッスン1

下記の図のようにHTMLとCSSでレイアウトを組んでみよう。

条件

  • 新規フォルダ「layout_1」に、index.html、style.css を作成
  • 下図のサイズ・色の通りにCSSでレイアウトしてください
  • 1000pxのこのコンテンツは、画面の中央に来るようにしておいてください(左端に寄っているのはダメ)

構 図

 

コーディングする時に…

このレイアウトにどれくらいの時間がかかるか計測してください。
ポートフォリオなどにその制作したものと時間を掲載していると、技量がわかりやすいのでオススメです。