こんばんは！いつもこの時間の時間の更新になってしまい申し訳ないです。
筆者はこう見えて1児のパパです。なのでお風呂入れて、寝かしつけた後しかPCが使えないので、9時ごろからprogateを行い、ブログ書くので毎回この時間になってしまいます。早く子供も大きくなって(家を買って自分の部屋を持つのがベスト)デスクトップPCが欲しいです。
あ！いつか私が使っているノートPCの紹介しますね！めっちゃかっこよくて性能抜群です！（笑）
余談はこの程度で・・・
そうなんです！タイトルでわかると思いますが、おそらくバグが発生しました！
なのでかなり時間がかかりました。（笑）
結果的には私が悪いんですけどね・・・
まず、今回の指令書がこちらです
初見の感想はめっちゃ簡単やん！
でさっそく、コードをさくっと入力しました。
あれ？？縦に並んでくれない・・・
これは、progateの文字にもfloat:reft;を入れることで解決できました！
あとは、背景も作成して・・・
できたと思い、完成！を押しました。
え？？そこのエラー？昨日はそこクリアしてんだけど・・・
フッターを作成することで何か影響したのかな・・・
いろいろ試してみましたが、何も変わらず・・・
そこでよくよくみると、お問い合わせのtextareaのサイズが違う気がしました。
昨日の記事を見ていただけるとわかると思いますが、そうです、テキストエリアには文字サイズを指定していませんでした。むしろ18pxというのは送信の文字の大きさだと勝手に思っていたので、テキストエリアの文字サイズだとは思っていませんでした。
昨日の記事を見ていない方はこちら
あ、これでクリアできる！よし完成！
え？？まだ何かあるの？？
マス目見る限り先ほどのずれはなくなった気がします。ほかに何があるんだろう・・・
いろいろ見ていたら、送信ボタンの色が違う？と思い見てみると、仕様書にボーダーと送信ボタンの色の指定がされていました。それに気づかず、送信ボタンの色は設定していなかったので設定して完成！すると
完成できました！
これだけの内容なのにエラーのせいで1時間以上かかった気がします。
そもそもなぜ昨日クリアできたのかが不思議です・・・
やっぱりバグなのかな？
ただ、あってるのに残念ってなるよりはまだマシなので、よかったですが（笑）
なので無事、HTML%CSS 初級道場クリアできました！
最後に私が作成したコードのせているので参考にどうぞ！
では最後までありがとうございました！
@akr0430
HTMLランキング
コメント