Home/ Blog/ blog/ Color the Boxes

Color the Boxes

The Pinegrow Challenge: take any tool you like – including coding by hand – and try to be faster than Pinegrow at using classes to style a bunch of boxes.

The goal

Color the boxes with their respective colors. And we need to do it in a proper HTML way: by defining classes red, orange and blue and assigning these classes to the boxes.

Download the project files.

Here are the boxes:

How the result should look like

With Pinegrow we do that in 1 minute:


Can you do better with your tools?

And don’t be sad if you can’t beat Pinegrow with your favorite tool. Although we enjoy healthy competition, we don’t want you to throw away your existing tools. Pinegrow reads and writes HTML and CSS files directly, so you can easily add Pinegrow to your web development tool-belt and use it alongside other tools.

Last updated on July 13, 2020 at 7:49 am

Print this article