Pick the square

CSS editor

style.css

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
/* Hover the lower block to
see the hint */
/*
might help
*/

HTML editor

index.html

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
<circle/>
<square/>
<jar/>
<circle/>
<jar>
<circle/>
</jar>
<circle/>
<circle/>
<circle/>
<square/>
<square id="purple"/>
<square/>
<jar>
<circle id="purple"/>
</jar>
<circle id="purple"/>
<jar>
<circle/>
</jar>
<jar>
<circle id="purple"/>
</jar>
<square class="small"/>
<square class="small"/>
<square/>
<circle class="small"/>
⋋_⋌⋋_⋌
<circle class="small"/>
<circle angry="" class="small"/>
<circle/>
<circle angry="" class="small"/>
<square/>
<square/>
<square/>
<square/>
⋋_⋌⋋_⋌
<circle/>
<circle class="small"/>
<circle angry="" class="small"/>
<circle angry="" class="small"/>
<circle class="small"/>
⋋_⋌
<circle/>
<square/>
<square id="purple"/>
<circle angry="" class="small"/>
<circle id="purple"/>