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

YouTube

How to Create Website Layouts Using CSS Grid - Learn HTML and CSS - HTML Tutorial

Dani Krossing via YouTube

Overview

Learn how to create modern website layouts using CSS Grid in this comprehensive tutorial. Explore the power of CSS Grid as a new method for designing responsive web layouts without relying on frameworks. Discover the advantages of CSS Grid over traditional layout techniques and compare it to Flexbox. Follow along as the instructor guides you through creating columns, rows, and grid areas, as well as customizing your grid for various screen sizes. Gain practical knowledge on implementing mobile responsiveness and animating grid elements. By the end of this video, you'll have a solid understanding of CSS Grid and how to leverage it for creating flexible and dynamic website designs.

Syllabus

Intro
What is CSS Grid
Bootstrap vs CSS Grid
CSS Grid Animations
CSS Grid Columns
CSS Grid Row Items
CSS Grid Areas
CSS Grid Customization
Mobile Responsiveness

Taught by

Dani Krossing

Reviews

Start your review of How to Create Website Layouts Using CSS Grid - Learn HTML and CSS - HTML Tutorial

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.