Try & Challenge.

未経験からのWeb制作学習や、ファッション、アパレル業界について。他雑多なことも。

76日目「行き詰まり」

76日目です。

 Progate 「HTML&CSS 道場コース」上級編

”レッスン一覧部分をレスポンシブ対応させよう! ”

対応させられません。

 

仕様書を見ながらCSSを記述し、さあ判定。

するとタブレット時やスマホ時ではなく、PC表示の際のclass="top-wrapper"部分がおかしいから不合格だという判定。

f:id:kozora:20180419070407p:plain

レスポンシブ関係ないじゃないですか。。。

更に謎なのは、上の判定画面<h1>タグ”LEARN TO 〜CREATIVE"の行間が下の記述時見本と違うこと。

 

f:id:kozora:20180419070514p:plain

やむなく今回も解答を見たのですが、原因が分かりません。

タブレット時とスマホ時のCSSと.clear { clear: float; } の記述ができていませんでした。

その部分を直した上で他のHTMLとCSSも一部修正したのですが結果は同じ。

 

行き詰まったので、翌日に持ち越すことにしました。