Skip to content
 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 

Repository files navigation

Grid Components

In this exercise, we're going to spend more time with CSS grid implementing specific layouts to really nail down our Grid skills.

Instructions

The HTML file in this repository contains placeholder sections for you to implement different layouts. Take this file and implement Grid layouts in each section according to the requirements defined by the heading.

Do not edit the HTML elements within the body tag, only the styles in the CSS file. The end result should achieve layouts that look like so:

Final Result

Tips

  • Again, work with little coloured blocks using div tags and align them using grid.
  • Use div tags to create your blocks give them coloured borders to be able to see them more clearly, while you are
  • trying to line them up.

Extension Criteria

Try to replicate the Grid Madness section from the image!

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages