Defining Grid Rows and Columns in CSS Grid
In CSS Grid, a grid is made up of rows and columns, which form the structure for placing grid items.
Grid Rows: Horizontal tracks in a grid. Defined using the grid-template-rows property.
Grid Columns: Vertical tracks in a grid. Defined using the grid-template-columns property.
Values: You can define rows and columns using lengths (px, em), percentages (%), fractions (), or .
0-2 years experience
frautoExample: grid-template-columns: 1fr 2fr 1fr; creates three columns with the middle column twice as wide as the others.
Example: grid-template-rows: 100px auto 50px; creates three rows with fixed, auto, and fixed heights.
2-5 years experience
5-8 years experience
8+ years experience