只今の時刻23:47
今日やったこと
①Progate
JavaScriptⅠ 1~14
=は等しいと言う意味ではなくて代入すればいいことが分かった。
これを理解していれば大丈夫そうでした。
②ドットインストール
Flexbox 終了
https://www.webcreatorbox.com/tech/css-flexbox-cheat-sheet
このサイトのPDFをコピーしながらやると、結構理解できました。
display:flex;を親要素に適応することにより、全てが始まります。
また、親要素と子要素で使うCSSは違うので、PDFを確認しながら進めて行く必要がありそうですね。
子要素flex:flex-grow,flex-shrink,flex-basis;であるので脳の片隅に置いときます。
③KROWLさんのサイトを参考に模写練習
https://magazine.krowl.jp/4026/
またこのサイトを見ながらやりました。
非常に参考になるサイトです。
コードをみないで模写できないので、できるようになりたいですね。
しかしながら、幅や高さを測ることができません。完成サイトがないので自分で作ったのを参考にすれば解決するのか。
今度書くときは自分で高さ、幅や余白を考えながら取り組みます。
.intro-section__block:nth-child(even)
にCSSを適用することにより、偶数番目の場合を指定できる。
明日はJavaScriptⅠを終わらせ、Ⅱを終わらす。
それに加えて、Krowlさんの模写に取り組みます。
明日も頑張りましょう!
0:17