Skip to content
Submitted about 2 years ago

Responsive Sign-up form by using HTML-CSS-JS

Kaan Karameşe•110
@KaanKaramese
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

Responsive Sign-up form. I struggled with input box borders having 2 different colors when submitting the form empty. I would like to get suggestions regarding that issue. Also any feedback/best practice suggestion about accessibility and responsive design is welcome.

Community feedback

  • romila•3,570
    @romila2003Posted about 2 years ago

    Hi Kaan,

    Congratulations 🎉 for completing this challenge, the form looks great and is responsive.

    1. Regarding your issue about the border, you can change the property to border and set it to 2px solid hsl(0, 100%, 74%). Also, the black border of the input is the default so to get rid of that, you can add outline: none.
    2. You have a HTML issue regarding the lack of heading within your second section. Instead of using a p tag for the promo, you can use any heading from h2 to h6.

    Overall, great attempt and wish you the best for your future projects so keep coding 👍.

    Marked as helpful
    1

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