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 - Thoughtful approach to layout - vanilla HTML/CSS/JS

#foundation#bem
Rafal 1,395

@grizhlieCodes

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


Hi all,

Another solution to a more beginner-friendly challenge. I wanted to take a crack at coding and explaining a challenge that had a smidge of JavaScript so I chose this one.

Tutorial link if anyone is interested, feel free to criticise the code (and video??) if you wish 🙂.

The only thing I struggled with was deciding how to best position the images. I ended up going with a mostly grid-approach alongside a bit of position: absolute

In case you're looking for it, I didn't focus massively on accessibility (if at all). I mostly use FEM as practice for following design that's not my own, apologies!

Cheers,

Griz

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