日報#30|今日も今日とてflexが効かない。

2026年10月9日

1.本日の作業内容
⬛︎flexboxを使って縦並び、横並びのレイアウトをコーディングした。
・footerのロゴとナビゲーションの配置
・横並びのナビゲーションメニュー
・画像を横並びに配置
・記事を縦並びに配置

⬛︎レスポンシブデザインの実践。
・@mediaを使って、画面幅によってレイアウト変更

2.直面した問題点
＜問題点＞
⬛︎flexが効かないエラー発生。
→position: absoluteが指定されていたことが原因。

＜対応＞
⬛︎position: staticで絶対値指定を解除。

3.残っている課題△、進行中の作業⬜︎、明日の予定⬛︎
△今日までに直面した問題点は解決。
⬜︎なし。
⬛︎コーディングの練習継続。

4.気づき、学び
　今のところ、順調にコーディング練習を進められていると思う。けれど、まだまだ調べながらで時間がかかったり、基礎的な知識なのに忘れていたり…やはり練習あるのみ！
　最近はレイアウト構成を紙に書いてみて考えることもある。頭の中だけではなかなか理解が追いつかないこともあるけれど、書いてみることで可視化できて、ここをこうした方がいいかも！やこういう形ならここをdivで囲って、flexで横並びにして…って考えが浮かんでくる！慣れるまでは書いた方がわだには合っている気がする。