Completed
- Introduction
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Taking on a Frontend Mentor Challenge - Responsive Product Preview Card Component
Automatically move to the next video in the Classroom when playback concludes
- 1 - Introduction
- 2 - What we’re starting with
- 3 - Setting things up
- 4 - Writing the HTML
- 5 - Responsive Mode
- 6 - CSS Reset
- 7 - Setting up the custom properties
- 8 - Getting the fonts
- 9 - General styling
- 10 - Styling the flex-group class
- 11 - Styling the product content
- 12 - The prices
- 13 - The button
- 14 - The button icon
- 15 - The desktop version
- 16 - Changes images with the picture element
- 17 - Fixing the layout at large sizes
- 18 - Putting our project online with GitHub and Netlify
