SkillSeevaSkillSeeva
HomeResourcesScheduleRoadmapTeam
Back to Categories
Current Path
CSS3
Syntax & SelectorsColors & BackgroundsThe Box ModelCSS UnitsText & FontsDisplay & VisibilityPositioning & Z-IndexFlexboxCSS GridCombinatorsShadows & GradientsResponsive (Media Queries)Object Fit & CoverPseudo-classes & ElementsTransitions & AnimationsCSS Variables
Jump to topic:
Syntax & SelectorsColors & BackgroundsThe Box ModelCSS UnitsText & FontsDisplay & VisibilityPositioning & Z-IndexFlexboxCSS GridCombinatorsShadows & GradientsResponsive (Media Queries)Object Fit & CoverPseudo-classes & ElementsTransitions & AnimationsCSS Variables

CSS Grid

CSS Grid Layout is a two-dimensional layout system.
css
.grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 10px;
}

.grid-item {
  grid-column-start: 1;
  grid-column-end: 3;
}
9 / 16