In this assignment, you're going to use your formidable CSS skills to mock up the layouts in each layout folder. They would be pretty difficult to achieve without our new Flexbox and Grid knowledge so please use those primarily for your solutions.

• Fork and clone this repository
• Each folder has some starter HTML and an image of artwork that you must replicate using CSS Grid and Flexbox.

• Look at the image (a composite by Piet Mondrian).
• You must replicate the structure of the composite using HTML and CSS.
• Do your best to match the colors in the boxes where applicable.
• Note the thickness of the border lines and match that as closely as possible.

Tableau II (Command-click to open in new tab.)

Tableau I (Command-click to open in new tab.)

Composition C (Command-click to open in new tab.)

Composition II in red blue and yellow (Command-click to open in new tab.)

A working HTML and CSS solution that matches the layout in the art image.

1. All content is licensed under a CC-BY-NC-SA 4.0 license.
2. All software code is licensed under GNU GPLv3. For commercial use or alternative licensing, please contact [email protected].