Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Skillshare

Intro to CSS Grid: Build Your Own Online Portfolio

via Skillshare

Overview

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.

Syllabus

  • 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

Taught by

Luke Fabish

Reviews

Start your review of Intro to CSS Grid: Build Your Own Online Portfolio

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.