この記事はフィヨルドブートキャンプ Part 2 Advent Calendar 2020 - Adventarの13日目の記事です。 昨日は takopommさんの CSSで図形を描く復習 - takopomm’s diaryでした。 CSSでクリスマスツリーを作るなんて素敵ですね！ フィヨルドブートキャンプ のア…

片方固定、片方可変のレイアウト よくある2カラムのデザイン。 片方は固定して片方は画面幅に応じて可変するレイアウトの作り方。 このHTMLにCSSでレイアウトをつける。 <div class="parent"> <div class="child-a"> </div> <div class="child-b"> </div> <div> 親である.parentにdisplay: flex;を指定して子を横並びにする。 固定幅の子（.</div></div>…