横田 順子 作成状況

topページ

1. UPなし
2. #containerのマージン設定にミスタイプがある。「margin: 0auto;」は「margin: 0 auto;」に訂正すること。
3. レシポシブデザインに対応していない。
4. パーツのコピーページにリンク切れ
5. レスポンシブデザインページにリンク切れ
6. 画像を入れ替えるページにリンク切れ

パーツのコピーページ

1. UPなし
   拡張子が大文字のファイルがUPされている。小文字になおしてUPし直すこと

Bootstrapページ

1. 未編集
2. タイトル文字を「Bootstrap練習」に直すこと。
3. トップ画像の高さを調整すること。
4. ファイル名は半角英数にすること。「images (2).jpg」の「(」が全角になっている。
5. 文法上の間違えでは無いが「images (2).jpg」の画質が粗い、小さな写真を拡大したのでは？
6. コメントアウトの記載に誤りがある。ソース58行目「 　　　 <!--カールセール終わり>」は「<!--カールセール終わり-->」に直すこと。ソース内に無用な全角スペースを入れないこと。
7. grid未挿入

bxSliderページ

1. スライドショーの幅をページ幅に合わせること。
2. ページに関係のないCSSが設定されている。削除すること。
3. 宿題未実施

Grid 画像の入れ替ページ

1. mainタグに無用の左右マージンが設定されている。親要素に左右マージンが設定されてので必要なし。
   この設定によってメインの部分が小さく表示されている。
   vwは面幅に対する相対値です。画面が大きくなると左右マージンが大きくなり、画像が小さく表示される。
2. mainタグにIDを設定する意味が無い
3. レシポンシブデザインに対応していない。#containerの「width: 960px;」を「 max-width: 960px; width: 100%;」にしてみましょう。
4. 無用のCSS「.accent」「h2」「h2 span」が設定されている。削除すること。

最終更新日 2019.12.11