デイトラ DAY８～１０HTML/CSSのコーディングの復習

こんにちは。

デイトラ 初級編
【新】 DAY８～１０HTML/CSSのコーディングの復習😊
出来るだけ動画を見ないでheaderから
コーディングで目標は６時間

１日目
まずHTMLで全体を仕上げました😀
セクションで囲って、インナーで囲む

２日目
セクションごとにCSSをあてる
スマートフォンのレスポンシブで『SHOP』まで
出来ました😊

３日目
スマートフォンのレスポンシブで『form』まで
進みました
…画像はimgとbackground-imgの使い分けで、
しばらく悩んで。
ググって『無くてもなりたつ装飾がbackground-img』

３日目
スマートフォンのスタイリングまで完成しましたが、
『余白』の使い方が変なのに気が付きました😨
「う～」
ググって
親子要素の余白は『padding』
兄弟要素の余白は『margin』

４日目
６時間以内には間に合いませんでしたが、
最後まで完成しました🐱
全体の流れが掴めてきました✨

残りの課題は
『Emmet』
『ショートカット』
使いこなす❗
暗記は出来ないので印刷をします😅