FAQ Accordion - Thoughtful approach to layout - vanilla HTML/CSS/JS
Design comparison
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 GitHubJoin 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