Grid in CSS

 Grid in CSS

CSS grid is a powerful layout tool that allows you to create complex, multi-column layouts with ease. To use CSS grid, you need to create a grid container and define the rows and columns of the grid. Here's an example:

css

.container {

  display: grid;

  grid-template-columns: 1fr 1fr 1fr;

  grid-template-rows: auto;

  gap: 10px;

}

This will create a grid with three columns of equal width and rows of variable height, with a 10-pixel gap between each grid item.