@jc-veSubmitted 10 months ago
Ahmed Salem
@websalemAll comments
- @MelvinAguilarSubmitted 11 months ago
Hi there š, Iām Melvin, and this is my solution for this challenge. š
š Features:
- Achieved 100% in Lighthouse score for performance, accessibility, best practices, and SEO. š
- Progressive Web App (PWA) support. š±š
- Utilized TailwindCSS for responsive styling. šØ
- Codebase is well-maintained and formatted using Prettier. š»
- Resemblance with the original design. šØ
- No media queries were used. š±
- Integrated very small animation. āØ
š» Two Solutions in Two Branches:
- Native HTML Solution: Utilizing
<details>
and<summary>
tags without the need for JavaScript. š - Accessible Disclosure Solution: Implementing Accessible Disclosure with a11y in mind for enhanced accessibility. š
š ļø Built With:
- TailwindCSS. šØ
- npm - prettier - prettier-plugin-tailwindcss. š»
-
š Further Resources:
If you're interested in creating an Accessible Disclosure, I recommend checking out this informative article by Grace Snow: Tutorial: Let's Build an Accessible Disclosure
Any suggestions on how I can enhance this solution or achieve even better performance are welcome!
Thank you. šāļø
- @xMufaroSubmitted almost 2 years ago@websalemPosted almost 2 years ago
Very well made! only one small issue about the active state of the button.
0