楽しいおかずスライスした画像をコーディングする。縦3列、一列ごとに、ユニットごとにまとめる。縦の列は<div>のクラスで、ユニットは<ul>でまとめる。楽しいおかず一番大きいサイズの画像は300px*300px、1番小さいサイズの画像は140px*140px。フォトショップでスライスをする。「環境設定」でピクセル単位の作業ができる環境にする。rwdまずは、PC用にコーディングしてから、レスポンシブに対応させる。headerではレイアウト上、<h1>より上に<p>があるけれども、これはレイアウトの問題で、文書構造を変えてレイアウトしないように気をつける。縦方向のレイアウトはpositionを使う。タブレットは小型のPCという意識で使われているから、PCのレイアウトに準じた。