Gce Model Questions Vol1 2021 Computer Studies Question 35

A webpage has a container \(\text{div}\) that is \(1200\) px wide. Inside the container are three columns placed side‑by‑side. Each column has left and right padding of \(10\) px, a border of \(2\) px on each side, and a margin of \(5\) px on each side. The CSS rule for the column width is \(\text{width: calc((100% - total\_margin)/3)}\) where \(total\_margin\) is the sum of the left and right margins of all three columns.\n\n(a) What is the content width (in pixels) of each column at the original container width of \(1200\) px?\n(b) When the screen width is reduced to \(800\) px, a media query changes the layout to two columns per row (the third column moves to a new row). Assuming the same box‑model values, what is the content width of each column now?\n(c) How many horizontal pixels are saved by this media‑query layout compared with the original three‑column layout at \(1200\) px?