Arcade

Layout Arena

Phase 01 · Take It ApartPlayable

Reproduce a given layout using the fewest flex and grid declarations.

Not yet

1. One axis

Push the three pieces to the far end of the row.

Target

Yours

justify-content

gap

.container {
  justify-content: flex-start;
  gap: 0px;
}

Scored by geometry, not by your declarations: every piece has to land within 2% of the target. Any properties that get it there count as a solution.