Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

(HTML/CSS ONLY) Mobile-first Accordion Card

@j-fraza

Desktop design screenshot for the FAQ accordion card coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Wanted to take on the bonus challenge of not using JavaScript here!

I've done most requirements per design - just a couple things I'd like improvement on:

  1. How can I make the orange-box SVG "stick" to the image of the woman using the computer?

  2. Is there any way I can make the collapsed/open question closed up again with my semantics? Or would I have to resort to using JS for that?

All feedback are welcome as always :)

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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