エキスパート:実技問題(HTML作成、CSS読込と作成、画像の表示、JavaScriptの読込、レスポンシブWebデザイン対応)
幅400pxのグリッドコンテナにgrid-template-columns: 1fr 2fr 1fr;を指定した(gapとpaddingは0とする)。このとき2番目のカラムの幅は何pxになるか。
- A100px
- B150px
- ✓200px
- D250px
解説
1fr+2fr+1fr=4fr分がコンテナ幅400pxに配分されるため1fr=100pxとなり、2fr分は200pxとなる。
根拠実技問題:CSSの読込と作成(レイアウト手法)