View Code? Open in Web Editor
NEW
https://tairou97.github.io/Grid-Document-Layout/
License: MIT License
grid-document-layout's Introduction
- Using CSS Grid (and Flexbox if you like) recreate the reference layout below.
- Work in the existing
index.html
file
- You will find all immages in the
images
folder
- Use
grid-template-columns
, grid-template-rows
and grid-template-areas
to create the layout.
- Use
grid-gap
for the margins between colimns and rows.
![desktop version Desktop](./layout_images/desktop.png)
Make use of the images and information below to come to the best solution -
![desktop version Desktop](./layout_images/layout_body.png)
![desktop version Desktop](./layout_images/layout_main.png)
![desktop version Desktop](./layout_images/layout_section.png)
![desktop version Desktop](./layout_images/layout_footer.png)
grid-document-layout's People
Contributors
Stargazers
Watchers