Build a Product Landing Page HEEELLPP

Tell us what’s happening:
An element in my code is acting as a child element to another line of code above it and I’m trying to re-write the code, so the element stands on its own. Here is a link to my Codepen: https://codepen.io/DevinCassidy/pen/pBNNKY

Your code so far

blank Home About Features Pictures Video Price

Xone 92 Mixer
blank

About

The industry-standard Xone:92 is a versatile six channel analogue mixer, renowned for its expansive, involving sound. With its solid construction and easy to use interface, the 92 is on the riders of most of the world’s top DJs and is a permanent fixture in the booth at many of the biggest superclubs. The Xone:92 was one of the first professional DJ mixers to incorporate MIDI for control of DJ software or external devices, and the first to include the innovative dual VCF filters. With its two stereo FX sends, twin Mic/returns, and one of the best EQ sections around, this mixer is a DJ’s dream tool.

Features

  • 6 dual stereo channels – 4 phono/line, 2 mono/mic or stereo return
  • 2 independent stereo mix outputs
  • 2 aux sends for output to external FX units
  • VCF system – 2 independent stereo filters with frequency and resonance controls
  • 2 independent LFO’s for filter manipulation
  • 4-band EQ – total kill on HF and LF, wide Q for cut, narrow Q for boost
  • Booth output – dedicated output on TRS jack
  • MIDI values can be output from 6 controls (e.g. crossfader, LFO)
  • P&G easy change professional VCA crossfader
  • Illuminated lightpipes showing status of performance controls
  • Intelligent cue for pre or post EQ monitoring
  • Monitor section includes post EQ switch, split cue and mix to cue balance
  • 2 headphone outputs (1/4” and 3.5mm)
  • Ducking control on mono/mic channel

Pictures

Video


Price

Online

$1,599.00

  1. Plus Free Shipping
Select
In-Store

$1,599.00

  1. *Out the door!*
Select

Sign up for our Newsletter Here:
  </form>
</div>
**Your browser information:**

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

Link to the challenge:

Are you referring to the IN-STORE being inside the ONLINE? That is because you have incorrectly closed the elements.

You have:

<div> <!-- not closed -->
  <h2 id="Price">Price</h2>
  <section id="pricing">
    <div id="online"> <!-- not closed -->
      <div class="level">Online
      </div>
      <h2>$1,599.00</h2>
      <ol>
        <li>Plus Free Shipping</li>
      </ol>
      <button class="btn">Select</button>
      <br>
  
      <div id="in-store"> <!-- not closed -->
        <div class="level">In-Store
        </div>
        <h2>$1,599.00</h2>
        <ol>
          <li>*Out the door!*</li>
        </ol>
        <button class="btn">Select</button>
  </section>

Should be:

<div>
  <h2 id="Price">Price</h2>
  <section id="pricing">
    <div id="online">
      <div class="level">Online</div>
      <h2>$1,599.00</h2>
      <ol>
        <li>Plus Free Shipping</li>
      </ol>
      <button class="btn">Select</button>
      <br>
    </div>

    <div id="in-store">
      <div class="level">In-Store</div>
      <h2>$1,599.00</h2>
      <ol>
        <li>*Out the door!*</li>
      </ol>
      <button class="btn">Select</button>
    </div>
  </section>
</div>
  1. In the HTML On line 5, The img element should not have a closing tag, it is an empty element with no content.

  2. font-color is not a valid property, it is just color (color: black).

  3. position: flex; and center: 0 are not a valid properties.

form {
  color: blue;
  margin: auto;
  text-align: center;
  position: flex; /* Invalid */
  bottom: 0;
  center: 0; /* Invalid */
}
  1. You have nested a li selector inside a ul, this only works using a CSS preprocessor like for example SASS/SCSS. It does not work in plain CSS.
ol {
  margin: 15px 0;

  li {
    padding: 5px 0;
  }
}
  1. Get in the habit of using margin and padding on elements for spacing, instead of the <br> tag.