HTML/ CSS 〜Progate道場コース初級編(お問い合わせフォームの作成、フッター部分の作成)〜

【お問い合わせフォームの作成】

スクリーンショット 2020-07-02 4.29.15

🍀前回の、<h3 class="section-title">でh3のclass設定を使用。

🍀inputとtextarea

スクリーンショット 2020-07-02 4.35.50


🍀typeとvalue

スクリーンショット 2020-07-02 4.41.35


⚠️.contact-formのpadding設定をしても一向に左隅に余白が出来ず、困った困った状態に…

→<div class>のdivが、divがぁぁぁ… dovに!!😱


【フッター部分の作成】

スクリーンショット 2020-07-02 5.38.28


今回は確認事項を含めて50分くらい。結構忘れてること多くて焦る…( ̄◇ ̄;)

けど、フッター部分の作成がサクサク出来たとき、これまでイメージが掴めなくてフワフワしてた「padding」や「margin」等の余白感覚が出来てきたという実感があった✨Progateのガイド図も分かりやすいし、今後の目標になります٩( 'ω' )و



この記事が気に入ったらサポートをしてみませんか?