Skip to content

sixhops/css-layout-practice

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CSS Layout Practice using Flexbox and Grid

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.

Getting Started

  • 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.

Requirements

  • 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.

Deliverable

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

Licensing

  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 legal@ga.co.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published