CSS grid layout or CSS grid is a CSS technique that allows developers to create complex responsive web design layouts easily and consistently across browsers. The CSS grid introduced a new length unit (fr) to create flexible grid tracks. For her school project, Nu wrote the following code. What do you expect the column widths to be?
Column widths image
A: 1st column will be 50px wide, 2nd column will be 150px wide and 3rd column will be 300px wide.
B: 1st column will be 50px wide, 2nd column will be 50px wide and 3rd column will be 100px wide.
C: 1st column will be 50px wide, 2nd column will be 300px wide and 3rd column will be 150px wide.
D: 1st column will be 50px wide, 2nd column will be 500px wide and 3rd column will be 1000px wide.