エキスパート：実技問題（HTML作成、CSS読込と作成、画像の表示、JavaScriptの読込、レスポンシブWebデザイン対応）
幅900pxのflexコンテナ内に幅0pxのアイテムA、B、Cが並んでおり、それぞれにflex-growが1、2、3と指定されている。flex-shrinkとflex-basisの影響を考慮せず、コンテナの余白をすべてflex-growの比率で分配する場合、アイテムBの幅は何pxになるか。
- A150px
- B450px
- ✓300px
- D600px
解説
flex-growの比率は1:2:3で合計6のため、余白900pxを6等分すると1あたり150px。アイテムBはflex-growが2なので150px×2=300pxとなる。
根拠出題範囲：実技問題「CSSの読込と作成」