Submitted 11 months ago
FAQ Accordion using ReactJS & TailwindCSS
@IamArshadAli
Design comparison
SolutionDesign
Solution retrospective
πββοΈ Hello, Everyone,
Here is my solution for the FAQ Accordion.
- Scored
89%
on Google Pagespeed Insights! π€© - Built with
ReactJS
| Designed withTailwindCSS
π οΈ | Mobile-First approach π± - Implemented
<details>
&<summary>
to create accordion without using JS #οΈβ£ - Utilized
prettier-plugin-tailwindcss
to auto-sortTailwindCSS
classes π¨ - Utilized
BEM
principles to create a consistent structure ofTailwindCSS
classes - Minified the
CSS
files to improve site performance π
Do you have any insights to shareβ
I'll be happy to hear them. π€
Code Together | Learn Together | Grow Together
Community feedback
- @takinabradleyPosted 5 months ago
Looks good!
I might challenge you to extract this into a separate component, and to feed it question/answer data to render in React!
0
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