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.
Replicate Piet Mondrian's painting No. VI / Composition No. II using only CSS and HTML.
- 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.
- 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.