PixelPerfect

Write CSS that matches the target image. The puzzle is solved when your CSS is 100% pixel perfect.

Puzzle 0

Puzzle 1

Puzzle 2

Puzzle 3

Puzzle 4

Puzzle 5

Puzzle 6

Puzzle 7

HTML

<div class="square"></div>

CSS

.square {
  width: 60px;
  height: 30px;
  background: #00aedb;
}

.square {
  width: 60px;
  height: 30px;
  background: #00aedb;
}

Target

Result

Difference

50.0%