コーディング

03[入門編] フォトサイト2模写

使用ソフト Dw
制作時間 3 時間

コーディング学習サイト「Codejump」より練習問題をコーディング
画像ファイルは用意されているものをDLし、WEB版のXdより数値・カラーなどを取得し作成
模写元サイト>>https://code-jump.com/photo2-menu/

コーディングしたサイト

学んだこと

  • ・横幅が設定されていない場合でもコンテンツを中央に配置する方法→display:table;とmargin:0 auto;を同時使用
  • ・nth-childとnth-of-typeの違い

感想

横幅が設定されていない場合のコンテンツを中央に配置する方法がわからず、最終的に答えを見たが、全く知らないやり方だったので、非常に勉強になった。