Главная
Study mode:
on
1
- Introduction
2
- What we’re going to be working on
3
- Opening the project in VS Code
4
- Analyzing the layout
5
- Writing the HTML
6
- Getting the Google font
7
- Setting up the custom properties
8
- Base CSS styles
9
- Styling the wrapper
10
- Styling the header
11
- Creating the three columns
12
- Using locally scoped custom properties
13
- Styling the individual cards
14
- Fixing the header font sizes and weights
15
- The card image position
16
- Fixing the layout for mobile
17
- Removing my columns and using grid-template-areas
Description:
Practice responsive layout techniques for beginners through a hands-on project from Frontend Mentor. Learn to analyze layouts, write semantic HTML, set up custom properties, and style components using CSS. Explore techniques like locally scoped custom properties, grid-template-areas, and mobile-first design. Follow along as the instructor guides you through creating a four-card feature section, covering everything from initial setup to final responsive adjustments.

Responsive Layout Practice for Beginners - Creating a Four Card Feature Section

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