10月6日 フィヨルドブートキャンプ学習記録
学習内容
- CSSから考えるデザインのディテール第2回:FlexBoxで作る柔軟な横並びメニューを読んだ。
- Flexboxを使うなら知っておきたい「flexアイテム」の幅の計算方法を読んだ。(途中まで)
- CSS上級課題を進めた。
実施した点、理解した点
Flexアイテムの幅の指定方法について flex-growなどの概要、flex-basisに幅の指定がある場合の計算方法については 前にFlexboxの基礎学習の際にやっていたので、そこまで理解に苦労はしなかった。 しかし、「padding」が指定されている場合の計算方法はまだやっていなかったと思うので じっくり読んで理解する事に努めたい。
上級課題 ナビゲーションのリンクのクリックできる範囲を広げたり、パンくずリストの高さを揃える事を行った。
分からなかった点、疑問に思った点
①疑問点 ナビゲーションの部分を見本のように、1、3、5番目の要素と2、4番目の要素とで色を分けるためにはどうしたらいい?
②自分の考え 普通、要素ごとに色を分ける場合は要素ごとにクラスを分けてそれぞれに色を指定すれば良いと考えている。 しかし、今回は全ての要素に同じクラス名が設定されている上にHTMLには手を付けない為、どうしたら良いか分からない。
所感
本日は昨日よりも早めに着手しようと思っていたが、職業訓練から帰宅後に猛烈な眠気に襲われた為遅い時間帯になってしまった。 眠くなるのは仕方ない為、あまり自分を責めずに少しずつ学習時間を増やしていきたい。
明日の予定
引き続き、Flexboxの学習、課題を進める。