Design comparison
SolutionDesign
Solution retrospective
Hi there š, This is my solution for this challenge.
š Features:-
- Achieved 100% score for Accessibility, SEO & Performance and 95% score for Best Practices in Desktop Lighthouse. š
- Achieved 100% score for Accessibility & SEO and 95% score for Best Practices in Mobile Lighthouse. š
- Styling implemented using Tailwind CSS šØ
- If else statement, addEventListener( ) in JavaScript š
- Document Object Module ( DOM ) in JavaScript š
- classList.add/remove( ) in JavaScript for showing & hiding menu bar in mobile design layout. š
- Simple Transition-color while hovering on button & texts. š¬
- 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