DestinyJoyner / 8-0-css-grid-lab

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

CSS Grid Lab

In this lab, you will use CSS Grid to structure a webpage. If you're stuck, you may want to visit the following website which can be of help.

Lab Setup

Getting started

  1. Fork and clone this repository.

  2. Open up the repository in VSCode. Follow the instructions below to complete the Lab.

Tests

There are no tests for this lab. Instead, make sure that what you build looks like the mockup below.

Instructions

Style the HTML in the index.html file so that it looks like the content below.

Example mockup with header, sidebar, main area, and footer.

You should not need to change any of the HTML. Instead, focus on adding to the style.css file.

Use CSS Grid when organizing the content on the page.

About


Languages

Language:CSS 53.7%Language:HTML 46.3%