Page Layout with CSS Grid Slides - Code Like This

CSS Grid

CSS Grid is an advanced 2-Dimensional layout system
Can layout entire websites or small components of websites
Describes fixed and flexible track areas
Allows for precise item placement within areas
Provides for alignment of items
Supports separate and overlapping items

Basic Grid Example


<div class="wrapper">
  <div>One</div>
  <div>Two</div>
  <div>Three</div>
  <div>Four</div>
  <div>Five</div>
</div>

.wrapper {
  display: grid;
  grid-template-columns: 200px 200px 200px;
}

[menu]

1/6