Skip to content
CodeItRaw

Draw the target image exactly with HTML and CSS. Your drawing is compared with the target pixel by pixel; shorter code is cooler.

0/51
  1. 01SquareEasy
  2. 02CircleEasy
  3. 03StripesEasy
  4. 04CornerEasy
  5. 05BarEasy
  6. 06PairEasy
  7. 07FrameEasy
  8. 08PillEasy
  9. 09PlusEasy
  10. 10ColumnsEasy
  11. 11NestedEasy
  12. 12Four CornersEasy
  13. 13Half and HalfEasy
  14. 14Horizon LineEasy
  15. 15OvalEasy
  16. 16StairsEasy
  17. 17Sun FlagEasy
  18. 18RingMedium
  19. 19TargetMedium
  20. 20DiamondMedium
  21. 21DiagonalMedium
  22. 22Traffic lightMedium
  23. 23CheckerboardMedium
  24. 24DotsMedium
  25. 25TriangleMedium
  26. 26Hard ShadowMedium
  27. 27FadeMedium
  28. 28Bar ChartMedium
  29. 29Nine SquaresMedium
  30. 30CrescentMedium
  31. 31DomeMedium
  32. 32ArrowMedium
  33. 33BatteryMedium
  34. 34Open MouthMedium
  35. 35Pie ChartMedium
  36. 36Hazard StripesMedium
  37. 37HeartMedium
  38. 38Progress BarMedium
  39. 39SunsetHard
  40. 40SmileHard
  41. 41The CodeItRaw logoHard
  42. 42HouseHard
  43. 43ClockHard
  44. 44Yin YangHard
  45. 45PineHard
  46. 46RainbowHard
  47. 47SnowmanHard
  48. 48RobotHard
  49. 49RingsHard
  50. 50MountainsHard
  51. 51The flag

98.5% passes; 99.5% earns two stars, pixel-perfect three.