GridMaster Game

Level 4

Mission

Create a 3x2 grid layout with the colored boxes. Write CSS grid properties for the container.

Helpful Grid Properties

  • display: grid;
  • grid-template-columns: 1fr 1fr 1fr;
  • grid-template-rows: 1fr 1fr;
  • grid-gap: 10px;
  • grid-template-areas: "a b c" "d e f";

Game Preview

02:00
Target Layout
1
2
3
4
5
6