Intro Sign-up form with HTML, CSS, JS & Bootstrap

Hi Kevin,

Good solution, well done!

It looks like your <p> element has some bottom margin applied to it, you can try by adding:

.signup-proposal-txt { padding: 1rem 0; margin: 0; }

You may want to have a look into the desktop version media query. You currently have the breakpoint as min-width: 1440px and it seems too tight, as the page is loading with the mobile layout for me (browser window size just short of 13.3inch). I would try something smaller, perhaps min-width: 1000px;

Hope it helps!

Hi, this looks good.

• For your issue, you can use same margin or padding for top and bottom, like:

p { 
      padding-top: .5rem;
      padding-bottom: .5rem;
}

or

p {
     margin: .5rem 0;
}

• For the mail format, you can use a pattern, like this :

<input type="email" id="mail" placeholder="Email Address" required pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$">

Hope this is helpful. Happy coding !