資格スワイプ
エキスパート:実技問題(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の読込と作成(レイアウト手法)

← 前の問題次の問題 →
スワイプでまとめて流す