fazd / code-test-mondrian

Piet Mondrian - No. VI Composition No. II

This is a test designed to challenge your CSS layout skills. Piet Mondrian was a 20th-century Dutch painter who popularized a movement in art, design, and architecture know as De Stijl. His painting No. VI / Composition No. II is typical of this movement, featuring a grid of rectangular shapes in shades of white, gray and black, accented by bold primary colors.

The Challenge

Replicate Piet Mondrian's painting No. VI / Composition No. II using only CSS and HTML.

Requirements

• You must complete the challenge within 4 hours of receiving this link.
• You may not use images or SVGs.
• You may not use 3rd-party libraries.
• The code should work in the latest version of Chrome.
• Above 600px wide, the composition should resemble the painting.
• Below 600px wide, the composition should be a single column of all the rectangles with all similar colors grouped together.
• Hit it with the pretty stick; personalize the composition with some tasteful visual flair.

Instructions

• Fork this repo to a private repo in your own GitHub account.
• Complete the challenge.
• Push your solution to your private repo.
• Share your repo with @thisanimus and @robmomary.