Flexレイアウト実践問題

コーディング練習問題

概要

「index.html」等を新規作成し、以下のようなレイアウトを作成してください。

  • 横並びにはflexboxでのレイアウトを使用すること
  • 必要なdiv等は適宜追加し、適切なclass付けをすること
  • 使用カラーは「#cca677」「#000000」にすること
  • フォントサイズ、フォントの指定はない。目分量で極力近いものを採用すること。

 

目標となる画像 ※一番外側の枠線は不要です。

目的

要素が3つ並んでいる形の構造を作れるようになる。
フレックスボックスによるレイアウトができるようになる。

データ

なし(新規作成してください)

使用ソフト

VisualStudioCode

答え(作業完了後にみてください。)

準備中

タイトルとURLをコピーしました