Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Introduction Info with sign-up form ( Responsive Design )

Kimo Sparkā€¢ 2,190

@kimodev1990

Desktop design screenshot for the Intro component with sign-up form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi there šŸ‘‹, This is my solution for this challenge.

šŸ“‘ Features:-

  • Achieved 100% score for accessibility & best practices in Lighthouse. šŸ“Š
  • Achieved 99% score for performance at desktop and 97% score for performance at mobile in Lighthouse. šŸ“Š
  • Simple Animation transition with key frames and Hover style. šŸŽ¬
  • Clamp( ) method for responsive design ( changing according to viewport dimensions and suiting with different layout devices ). šŸ’» šŸ“±
  • DOM šŸ“
  • FlexBox šŸ“¦
  • Form Validation. šŸ”’
  • Prettier šŸ’»

I'll appreciate any suggestions & feedback to achieve better performance.

Thank you. āœŒļø

Community feedback

Jafar Mirzapoorā€¢ 440

@jeff-mz

Posted

Well Done šŸ‘šŸ‘šŸ‘

1

Kimo Sparkā€¢ 2,190

@kimodev1990

Posted

@jeff-mz Thanks...

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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