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

Skillshare

CSS Essentials: Getting Started with CSS Grid

via Skillshare

Overview

Want to build fast and flexible two-dimensional layouts in CSS? Learn how with CSS Grid!

Join web guru, speaker, and author Rachel Andrew for this class all about CSS Grid: the most powerful layout system available in CSS. With CSS Grid, you can now define both rows and columns, making it a two-dimensional system that opens up a whole new world of layout possibilities. Throughout the class, Rachel breaks down CSS Grid and shows you the powerfully responsive and flexible structures it allows you to implement into your designs.  

Key lessons include:

  • Adding gaps and borders with a single line of code  
  • Nesting grids to create easy overlays
  • Creating hero images by combining manual and auto placement
  • Incorporating responsiveness for viewing at any screen size

Whether you’re a relatively new to CSS or have been using it since day one, this class will show you how to create large-scale, unique, and asymmetrical layouts with ease and efficiency. Every developer should know about CSS Grid, and after this you’ll be ready to implement it into your next project.

Syllabus

  • Introduction
  • Introducing CSS Grid
  • Defining Your Grid
  • Defining Track Sizing
  • Nesting Grids and Placing Items
  • Combining Manual and Auto Placement
  • Incorporating Responsiveness
  • Combining Layouts
  • Final Thoughts
  • Explore More Classes on Skillshare

Taught by

Rachel Andrew

Reviews

Start your review of CSS Essentials: Getting Started with CSS Grid

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.