Building an Accordion With HTML, CSS & JS

Building an Accordion With HTML, CSS & JS

Coder Coder via YouTube Direct link

- Make notes on accordion functionality

4 of 11

4 of 11

- Make notes on accordion functionality

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Building an Accordion With HTML, CSS & JS

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

  1. 1 - Intro
  2. 2 - Set up challenge from Frontend Mentor
  3. 3 - How to reverse-engineer the Bootstrap accordion
  4. 4 - Make notes on accordion functionality
  5. 5 - Adding boilerplate CSS styles
  6. 6 - Card illustration
  7. 7 - Styling accordion text
  8. 8 - Illustration and shadow image
  9. 9 - Tweaking accordion button
  10. 10 - Arrow toggle image
  11. 11 - The finished accordion card styles!

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.