Submitted 9 months ago
Intro section with dropdown navigation Tailwind-CSS
@kimodev1990
Design comparison
SolutionDesign
Solution retrospective
- Hi there š, This is my solution for this challenge.
š Features:-
- Achieved 100% Accessibility, 100% SEO, 95% Performance and 95% Best Practices in Desktop Lighthouse. š
- Achieved 95% Accessibility, 100% SEO, 87% Performance and 95% Best Practices in Mobile Lighthouse. š
- Styling implemented using Tailwind CSS šØ
- Document Object Module ( DOM ) š
- Calling function for hiding/appearing menu bar depending on viewport width by JavaScript with window.matchMedia ( ). š
- ClassList.add/remove( ) & toggle( ) in JavaScript. š
- FlexBox š¦
- Image changes relative to the viewport width by using Picture tag. āØ
- Code formatted using Prettier. š»
I'll appreciate any suggestions & feedback to achieve better performance.
Thank you. āļø
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