Recipe Diary

制作期間：12時間

制作ツール：VScode HTML CSS

制作過程：架空の料理レシピサイトを作りました。内容は凝っていませんが、写真の拡大・縮小とレスポンシブにしっかり対応させることを念頭に置いて作ったものです。

Point：料理の写真のどの部分を中心に拡大縮小させるのか（美味しそうに見えるか）、レスポンシブにした際の縦列への変換を考えました。レスポンシブにしたさい、右側に隙間ができてしまい、苦戦しましたがboxsizingを使うことで解消できることがわかりました。

↑Back to Top