Using Bootstrap components for form on Product Landing Page

Using Bootstrap components for form on Product Landing Page
0

#1

My Product Landing Page failed 2 tests:

  1. Within the form, there is a submit with corresponding id=“submit”.

  2. When I click the #submit element, the email is submitted to a static page (use this mock URL: https://www.freecodecamp.com/email-submit) that confirms the email address was entered (and that it posted successfully)

My issue is that I’m trying to integrate a Bootstrap v4.1.3 input and button with the form mark-up from the fCC example for this project.

My code so far

<form id="form" action=“https://www.freecodecamp.com/email-submit”>
<div class="input-group mb-3">
<input id="email" type="email" class="form-control" placeholder="Enter your email address..." required aria-label="Subscriber's email" aria-describedby="button-addon2">
<div class="input-group-append" id="submit">
<button input id="submit" type="submit" class="btn btn-outline-light">Subscribe</button>
</form>
</div>
</div>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.110 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-product-landing-page


#2

you’re missing two </div> to close out your divs


#3

Thanks for checking.