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

FAQ Accordion Card with vanilla css and javascript

P
Fluffy Kas 7,735

@FluffyKas

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


Hey guys,

I had some trouble with this one, specifically with the images in desktop view. The images kept jumping around as the container's height changed (when you open up the answers). For now I set a height on the container to avoid this and I think it looks fine but I was wondering if there was a better solution for this problem? (I also tried using different units than vh and vw when setting the position of those background images but none of them seemed to work out right.)

And here I thought javascript will be my biggest struggle in this challenge... :'D

Also, feedbacks are much appreciated, even if it's unrelated to my question :) Have a great day!

Community feedback

P
Patrick 14,285

@palgramming

Posted

⭐⭐⭐⭐⭐ Looks like you end up with a good result. Good Job

also some people make this just with CSS and without the JS https://codeconvey.com/html-expand-collapse-text-without-javascript/

0

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