Главная
Study mode:
on
1
- Introduction
2
- Writing the HTML
3
- Setting up a basic grid
4
- Styling the cards
5
- Using aspect-ratio on the images
6
- Stacking content with grid
7
- Styling the card content
8
- Adding aspect-ratio to the cards
9
- Making the grid dynamic with auto-fit
10
- Creating a featured card
11
- Styling the featured card
12
- Fixing things for small screens
Description:
Explore the creation of a dynamic, responsive CSS grid layout in this comprehensive 32-minute tutorial video. Dive into essential CSS properties like aspect-ratio and object-fit while learning to structure HTML, set up a basic grid, style cards, and implement image aspect ratios. Master techniques for stacking content, making grids dynamic with auto-fit, and creating featured cards. Discover how to optimize layouts for small screens and gain insights into CSS resets, Emmet usage, and advanced grid concepts. Access additional resources, including a GitHub repository and related videos, to further enhance your CSS grid skills and create visually appealing, responsive web designs.

Learn How to Create a Responsive CSS Grid Layout

Kevin Powell
Add to list
0:00 / 0:00