![](https://res.cloudinary.com/dz209s6jk/image/upload/f_auto,q_auto,w_900/Screenshots/i13myin3oetvgxpsxtis.jpg)
Submitted over 1 year ago
FAQ Accordion with no JS
#accessibility#bem#sass/scss
@AmirhosseinHashemi
Design comparison
SolutionDesign
Solution retrospective
Hello everyone
This challenge was a really nice challenge for me and I do my best to write clean, accessible and use semantic tag.
What I learned :
-
I learned about
details
andsummary
tag which introduce in HTML5 and helps to create FAQ accordion without JS. -
Learned about
figure
tag which introduce in html5 and learned how to usepicture
tag to change image just with html. -
learned about
meta
tag with description name that explain content of page
Built with :
- HTML
- SCSS
- Mobile-first
you can see the result here --> My solution
Feel free to comment any idea about anything :)
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