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

HTML, SCSS, JS and Testing with Mocha JS

Amonβ€’ 2,560

@A-amon

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


Hello! Let me know what I can improve on, especially the structure of my SCSS code (which I am still a little awkward at when coding) and testing (which I just started today!). ​Another problem I have and couldn't resolve is how do I separate the settings in one it() test function from another. For example, I set some dummy values in the input fields in one it() but the values remain when testing in the next it().

Another issue is the screen reader skipping to form after reading "Try it free for 7 days" instead of continuing to end of sentence.

Community feedback

P
Patrickβ€’ 14,305

@palgramming

Posted

Look how narrow your inputs are becoming when the screen is sized around 830px wide ? I would change your transition points and put a width or min-width on the text input container to control it more

1

Amonβ€’ 2,560

@A-amon

Posted

@palgramming Thank you! I have fixed it~

0
P
Patrickβ€’ 14,305

@palgramming

Posted

@A-amon 🌟🌟🌟🌟🌟 Looks great now

1

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