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 using HTML, CSS, JS

@tamil-hash

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


Feedbacks are welcomed!😊

Community feedback

anas ali 415

@anas-cd

Posted

nice work, there'r some little things that would make it the best tho ^_^,

  • the background color is darker than the design : white would do the trick i guess

  • in mobile view, if all questions are extended the last one can't be viewed : you can make the height of the card a bit taller or assign it to auto with a min height

  • when resizing, the pictures gets disproportionate in scal thus the overlapping of the pictures gets messed up a little bit.. not sure why but I noticed the extensive use of size percentages that I rarely see in stable designs

0
P
Patrick 14,325

@palgramming

Posted

well you have the FAQ question functionality but your overall sizing looks either too big or to small depending on the element so maybe a little more fine tuning on the elements sizes

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