1冊ですべて身につくHTML&CSSとWebデザイン入門講座 3日目 完

今日でこの本を使って学習しだして3日目。
結論から言うと3日目の今日でこの本での学習が終わった。

 

入門書も3冊目とあって、徐々にだけど学習速度が早くなってるのかな?

今日はお問い合わせページの入力フォームとメニューページでCSS Gridによるタイル型レイアウトそれからFacebookTwitterYouTubeプラグイン(埋め込み)と、それぞれのレスポンシブデザインについて学習しました。

お問い合わせページの入力フォームもCSSでスタイル変更できるとは知りませんでした。こじゃれた感じの入力フォームが出来上がって目からうろこでした。

 

今日困ったのは、CSSgridでのタイルレイアウトでgrid-rowとgrid-column で一枚の画像を大きくしたときになんで画像の高さを揃えるためにheightを94%にしたのか解説がなくて、ググっても分からなかった。
試しに手動で色々な数値にしたけど高さが揃わないので何か計算しないといけないんだろうけど……。

 

それにしてもこの本は実際にコードを書いて学ぶ段階になってから説明が雑というか説明省かれてる箇所がけっこうありますね。前半は丁寧な解説があっただけに残念です。

 

今日の学習結果

 

f:id:Ecotarude:20210514180358j:plain

 

 

 

f:id:Ecotarude:20210514175643j:plain

 

 

 

 

f:id:Ecotarude:20210514180420p:plain

 

 

f:id:Ecotarude:20210514180436p:plain