Completed
- Styling the header
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Responsive Layout Practice for Beginners - Creating a Four Card Feature Section
Automatically move to the next video in the Classroom when playback concludes
- 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