今日の学習時間
Day4 1.5h
Day5 1.5h (トータル 8.0h)
今日の学習内容
デイトラ初級編 DAY9 HTML/CSSコーディング復習②
前回作ったLPサイトを、レッスン動画を見ずに自力コーディングで制作しました。
スマホ版のレスポンシブ対応も完了!
お手本コードと答え合わせして気づいた相違点
1.ディスクリプションの記述のし忘れ
html
<meta name="description" content="ディスクリプションです。">
2.ファビコン設定し忘れ
html
<link rel="icon" href="favicon.ico">
3.buttonタグにtypeを設定し忘れ
html
<button type="submit" class="btn btn-register">無料ではじめる</button>
4.ナビメニューの項目の左側の余白をPaddingでつけてしまっていた。正解はmargin
目標は4時間と書いてありましたがトータル3時間でレスポンシブまで仕上げることができました!
色は見た目で近い色を選択したので若干違いますが、その他はパーフェクトピクセルで仕上げることができました。
所々立ち止まりましたが基本的には悩まずサクサクできたのではないかと思います。