Skip to content
Submitted over 3 years ago

HTML/CSS only challenge with animations

Justin•165
@DeusMalsith
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...FAQ accordion card
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Fun challenge! Adding the animations was probably my favorite part of this tutorial. Initially I was going to use JS but realized the CSS only challenge wasn't all that difficult so I went that route (thank you details element).

This is my last newbie challenge for now. Starting a junior level challenge next!

Community feedback

  • Anna Leigh•5,135
    @brasspetalsPosted over 3 years ago

    Hi, Justin! 👋

    Excellent job on this challenge! Great use of the details element - something I wish I would have known about when I tackled this one. The animations are a nice, subtle touch, and I like how you added variations for both layouts. It also responds very well. 👍

    Looking forward to your junior solutions! Happy coding. 😄

    1

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord