Skip to content
Submitted over 3 years ago

Email validation page using HTML, CSS and JS

Natalia Bubiak•185
@NataliaKiwibird
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Base Apparel coming soon page
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

It's probably not the best JS code, so any feedback regarding my JS solution will be appreciated!

Community feedback

  • Amon•2,560
    @A-amonPosted over 3 years ago

    Hey, it'll look nicer if you put min-height:100vh to your main tag instead of body tag so that there wont be a white-space at the bottom at 800+px width.

    Instead of setting styles via JS, you can add a class to the alert/info's classList to hide/show the alert/info and also for the form's changes in border.

    Marked as helpful
    0
  • Андрій Рогов•1,155
    @Andrii-RohovPosted over 3 years ago

    You should remove overflow: hidden; because youre page not scrollable

    Marked as helpful
    0
    Natalia Bubiak•185
    @NataliaKiwibirdPosted over 3 years ago

    @Andrii-Rohov thank you for pointing this out, it's fixed now

    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