Creating a Layered Card With HTML & CSS

Creating a Layered Card With HTML & CSS

Kevin Powell via YouTube Direct link

- Styling the status

8 of 11

8 of 11

- Styling the status

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Creating a Layered Card With HTML & CSS

Automatically move to the next video in the Classroom when playback concludes

  1. 1 - Introduction
  2. 2 - The challenge that I’m going to be trying
  3. 3 - Writing the HTML
  4. 4 - Generic CSS to set the stage
  5. 5 - Setting up the main grid
  6. 6 - Using subgrid for the overlap
  7. 7 - Styling things up to match the challenge
  8. 8 - Styling the status
  9. 9 - Styling the button
  10. 10 - Finishing touches
  11. 11 - More info about iCodeThis

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.