Intro to CSS Grid: Build Your Own Online Portfolio

This class gives you the skills and knowledge to create a responsive web page using CSS Grid.

Grid is a CSS layout system that finally lets us implement complex web pages without hacks or external libraries like Bootstrap and Foundation.

During this class you’ll learn:

• What CSS Grid is and how it differs to other layout systems and grid libraries.
• The key concepts you need to use CSS Grid confidently.
• How to define a web page with multiple rows and columns using CSS Grid.
• What you need to do to make CSS Grid pages responsive.

Along the way you’ll use CSS Grid to implement an online portfolio web page you can use to show off your other awesome projects.

It’s assumed that students doing this class will have a little familiarity with HTML and CSS.

• Introduction to the class
• Who this class is for
• What we'll cover in this class
• So what IS CSS Grid?
• How to define CSS Grid columns
• How to create a layout with rows and columns
• How to position content inside grid columns.
• How to make a responsive version of the CSS Grid project.
• Wrapping up our Intro to CSS Grid