Display: Grid

Teach Yourself at HOME

About This Course

Materials and Content:

This course comes with a course booklet, video explanations and code for every exercise.

Category: Web Development | Contents: Header Section, Fractional Units, Auto-Fit, Grid Areas and Overlaying Content

 
Student Display Grid Course 1.png

About

This course is designed to give you additional practice with Grid Layout in CSS. At times, placing content where you want it to go on a website can be tricky. Grid Layout was developed to make this process easier.

Students will walk you through a series of exercises to give them more experience and exposure to these techniques.

Student Display Grid Course 2.png

Requirements

You will need access to a computer and a text editor within which to write HTML and CSS. The same requirements for our course on HTML and CSS are needed here. If you completed that course, then you already have an editor that you use, but feel free to choose whatever editor you like.

Student Display Grid Course 3.png

Time and Prerequisites

This course is intended for anyone who is able to navigate a course on their own and has common computer skills (i.e., typing, etc.).

Completion of our HTML and CSS course is a prerequisite (or comparable knowledge) and it should take about 4 hours to complete.

 

Requirements: A computer and a text editor | Time: 4 hours | Prerequisites: HTML and CSS course |

 

Syllabus

  1. Header Section

  2. Fractional Units

  3. Auto-Fit

  4. Grid Areas

  5. Overlaying Content