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

Sign-up form with Javascript validation (HTML, CSS, Boostrap, JS)

@krebeDev

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


Please review my code. I somehow could not override Bootstrap text-align property on the error messages to align right, even when I applied !important on the CSS rule.

Community feedback

P
Matt Studdert 13,611

@mattstuddert

Posted

Great work, Solomon! The text-align isn't working on the .error-message class because the p tag doesn't stretch the full width of its container. So you just need to also add width: 100%; and it will work 👍

0

@krebeDev

Posted

...and it worked. Thank you @mattstuddert

0
P
Matt Studdert 13,611

@mattstuddert

Posted

@krebeDev you're welcome!

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