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

Intro signup form with SASS

JesseStone 370

@jesseburn

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

Community feedback

JesseStone 370

@jesseburn

Posted

Thanks! I added the labels to my code.

0
P
Matt Studdert 13,611

@mattstuddert

Posted

Awesome job Jesse! Nice to see you Sass and also Flexbox for layout. Here are a couple of pointers after looking at your code:

  • input fields should always have a corresponding label element that labels what the input is for, even if you can't see it. This is for screen reader users so that they know what the input is for. You can add a label for each input and then hide it using one of the screen reader friendly methods.
  • When it comes to styling, I'd always recommend just staying away from using IDs. They're overly specific and also can't be reused on the page. To keep your code more maintainable if you were building a larger site, I'd recommend sticking to type, class, pseudo and attribute selectors. Of course, on a smaller site like this though it's not a big deal.

You're doing a great job. Keep it up!

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