Help us understand the problem. What is going on with this article?

毎日ブログ七日目

More than 1 year has passed since last update.

只今の時刻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

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away