Back to CSS

CSS Tutorial

Grid Layout

Build two-dimensional layouts with rows and columns.

CSS Grid is ideal for page layouts and responsive card grids.

You can define columns, rows, and gaps directly in CSS.

css
.cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}