こんばんは!昨日はお騒がせしました。昨日の投稿を見ていただいた読者の方から、教えていただき、無事解決しました!どこが間違っていたのか。それはここでした!
![](https://i0.wp.com/radiologistwork.com/wp-content/uploads/2020/06/1-4.png?resize=536%2C458&ssl=1)
このmainクラスのheightの500pxを設定していませんでした。これを設定しないとfloat関数で動いた画像たちはふわふわ浮いている感じになるそうです。(筆者の勝手なイメージ)
本当に教えていただいた先生ありがとうございました。本当に挫折しかけました。(笑)
やっと仕様書通りにいくことができる。!まだ昨日の投稿見ていない方は
こちらを先に見てください!
ではやっと仕様書通りに作成する準備ができました。仕様書はこちらです
![](https://i0.wp.com/radiologistwork.com/wp-content/uploads/2020/06/2-4.png?resize=484%2C416&ssl=1)
よし、完成!仕様書通りだ!と思い回答すると
![](https://i1.wp.com/radiologistwork.com/wp-content/uploads/2020/06/3-4.png?fit=1024%2C455&ssl=1)
赤の箱をみると、筆者のコードでは、「さい」、答えでは「い」のみしか見えません。
ん??文字サイズの違いかなと思い確認しましたがあってそうでした。
もしかして仕様書の1pxボーダーってトップだけじゃなくて全体??あ!枠のことかと思い、border-topとしていたコードをborderに変えてもう一度回答!
![](https://i0.wp.com/radiologistwork.com/wp-content/uploads/2020/06/4-5.png?resize=935%2C177&ssl=1)
クリアー!!
では最後に筆者が書いたコードをのせてます!
こうしたほうがいいよっていうのがありましたら是非、ご教授お願いいたします。
では、最後までありがとうございました!
@akr0430![HTMLランキング](https://i0.wp.com/blog.with2.net/img/banner/c/banner_1/br_c_1057_1.gif?w=1256&ssl=1)
HTMLランキング
コメント
[…] [progate] 勉強6日目Part2 HTML&CSS 初級道場(お問い合わせフォーム)progate HTML&… […]