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

YouTube

CSS Grid Alignment and Justification - A Comprehensive Guide

Kevin Powell via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn essential CSS Grid alignment and justification techniques in this 13-minute tutorial video that eliminates guesswork from layout positioning. Master the proper usage of align-items, justify-items, align-self, justify-self, align-content, justify-content, and place-content properties through practical demonstrations and visual examples. Discover how to leverage dev tools and grid visualizers for troubleshooting, while building a solid mental model for choosing the right alignment properties in different scenarios. Explore time-stamped sections covering each alignment concept, complete with references to complementary resources on flexbox and grid fundamentals.

Syllabus

- Introduction
- Use the grid visualizer if you are having trouble
- align-items
- justify-items
- align-self and justify-self
- align-content
- justify-content
- place-content and place-items
- using your dev tools

Taught by

Kevin Powell

Reviews

Start your review of CSS Grid Alignment and Justification - A Comprehensive Guide

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.