Skip to content
Submitted almost 5 years ago

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

Solomon Ekrebe•610
@krebeDev
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Intro component with sign-up form
  • HTML
  • CSS
  • JS
1newbie

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

  • Matt Studdert•13,611
    @mattstuddertPosted almost 5 years ago

    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
    Solomon Ekrebe•610
    @krebeDevPosted almost 5 years ago

    ...and it worked. Thank you @mattstuddert

    0
    Matt Studdert•13,611
    @mattstuddertPosted almost 5 years ago

    @krebeDev you're welcome!

    0

Please log in to post a comment

Log in with GitHub

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