Neco 2022 Computer Studies Question 25

A webpage uses a flex container of width \(1200\) px. The CSS is: .container { display:flex; width:1200px; } .item { flex-basis:300px; flex-grow:1; flex-shrink:2; margin:10px; } A media query for screens with max‑width \(800\) px changes the rules to: .container { flex-direction:column; } .item { flex-basis:100\%; margin:5px 0; } (a) For a screen width of \(1200\) px (no media query), what is the width of each flex item after layout, including its horizontal margins? (b) For a screen width of \(750\) px (media query active), each item's content height is \(200\) px and there is no padding or border. What total vertical space do the three items occupy, including their vertical margins? Give answers in pixels.