Landing Page challenge

Tell us what’s happening:
Hi there,

Looking for some help with my landing page assignment :slight_smile:
I can’t seem to get these to work properly:

User Story #6: I can watch an embedded product video with id="video"
User Story #12: When I click the #submit element, the email is submitted to a static page (use this mock URL: that confirms the email address was entered and that it posted successfully.
User Story #14: My product landing page should have at least one media query.

Since I’m a complete new to coding, any feedback and explanation on anything is welcome.

Your code so far

  <link href="" rel="stylesheet">

<header id="header">
  <img src="" alt="logo" id="header-img">
  <nav id="nav-bar">
      <li><a href="#camp-info" class="nav-link">Camp-Info</a></li>
      <li><a href="#camp-video" class="nav-link">Video</a></li>
      <li><a href="#prices-box" class="nav-link">Prices</a></li>
      <li><a href="#email-submit" class="nav-link">Newsletter</a></li>

  <section id="camp-info">
    <h1> Brazilian Jiu Jitsu Globetrotters Camps</h1>
    <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quia voluptas necessitatibus sunt quis ducimus repellendus nam incidunt, sapiente inventore provident quaerat obcaecati ullam aperiam similique, tempore mollitia pariatur tenetur impedit.</p> 
  <section id="camp-video">
    <h1>Previous Camp Video's</h1>
    <p>Have a look at this amazing video of last years Zen Camp:</p>
    <div id="video">
      <iframe id="video" width="500" height="250" src="" autoplay>    </iframe>
  <div id="camp-photos">
    <h1>Upcoming Camps for 2019</h1>
    <img src="" alt="upocoming camps" id="camp-img">
    <img src="" alt="upcoming camps" id="camp-img">
    <img src="" alt="upcoming camps" id="camp-img">
  <div id="prices-box">
    <div id="prices-header">
    <div id="price-tallinn">
      <p>Lorem ipsum<br>$$$</p>
    <div id="price-iceland">
      <p>Lorem ipsum<br>$$$</p>
    <div id="price-heidelberg">
      <p>Lorem ipsum<br>$$$</p>
  <section id="email-submit">
    <h1>Sign up for our newsletter</h1>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero, officia maiores aspernatur placeat ea, recusandae iste laborum necessitatibus harum minus provident asperiores facere obcaecati, inventore rem cum! Nemo, ad qui.</p>
  <form id="form" action="">
    <input type="email" id="email" required placeholder="Enter your email"></input>
    <input type="submit" id="submit" placeholder="Submit"></input>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_2) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/12.0.2 Safari/605.1.15.

Link to the challenge:

You can’t have duplicate ids. Give only one element id of video. It probably should be video tag with the id.

to send data to a static page. Your form element should have a method and action attribute. Do a little research on it.

Media queries are what makes your page responsive or look good on other screens with different lengths.

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make easier to read.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

Note: Backticks are not single quotes.