Completed
- Loading Google font
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
CSS Grid Cards With Animated Hover Effect - HTML-CSS
Automatically move to the next video in the Classroom when playback concludes
- 1 - Intro
- 2 - Set up files & folders
- 3 - Add boilerplate HTML
- 4 - Loading Google font
- 5 - Add HTML markup for cards
- 6 - Start adding SCSS styles
- 7 - Plan grid template in Adobe XD
- 8 - Add styles for mobile cards
- 9 - Create additional cards in a grid
- 10 - Add styles for desktop cards
- 11 - Give cards different images and text
- 12 - Add breakpoints to make grid responsive
- 13 - Adding hover state on cards