Design comparison
SolutionDesign
Solution retrospective
Hi there š, This is my solution for this challenge.
š Features:-
- Achieved 92% Accessibility, 100% SEO, 98% Performance and 95% score for Best Practices in Desktop Lighthouse. š
- Achieved 92% Accessibility, 100% SEO, 99% Performance and 95% score for Best Practices in Mobile Lighthouse. š
- Styling implemented using Tailwind CSS šØ
- If else statement, addEventListener( ), forEach method in JavaScript š
- Document Object Module ( DOM ) š
- classList.add/remove( ) in JavaScript. š
- Using Regex for validation of inputs with specifying max length of characters entered. š¬
- Showing your inputs on the card as you enter in the inputs. āØ
- FlexBox š¦
- 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