How to Create Website Layouts Using CSS Grid - Learn HTML and CSS - HTML Tutorial
Dani Krossing via YouTube
Python, Prompt Engineering, Data Science — Build the Skills Employers Want Now
Live Online Classes in Design, Coding & AI — Small Classes, Free Retakes
Overview
Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
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