#18 Grid Property in CSS | Quick To Learn
Grid Property in CSS
#cssproperty #css #grid #gridproperty
`display: grid`: Enables Grid layout on the container, allowing items to be placed in rows and columns.
`grid-template-columns`: Defines the number and size of columns (e.g., `grid-template-columns: 200px 1fr;` creates a two-column layout).
`grid-template-rows`: Specifies the number and size of rows (e.g., `grid-template-rows: 100px auto;`).
`grid-gap`: Sets the space between grid items (e.g., `grid-gap: 20px;`).
`grid-column`: Specifies the start and end positions of a grid item across columns (e.g., `grid-column: 1 / 3;` spans the item across two columns).
`grid-row`: Specifies the start and end positions of a grid item across rows (e.g., `grid-row: 2 / 4;` spans the item across two rows).