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.