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