Help with HTMl & CSS 1, section 10. div syntax


#1


https://www.codecademy.com/courses/learn-html-css/lessons/ids-classes-divs/exercises/divs-classes?action=lesson_resume


I was trying to do the final

exercise. I did the fist two fine but when it came to enclose the entire section I couldn't figure it out. I get the code and it shows me the
around the props but I am confused on how the
main above the h3 statement is part of the
class enclosure. How would I have thought to use the main instead of putting props on top and bottom of enclosure?


Replace this line with your code. 
<div class="main"> **(THIS IS THE MAIN I AM CONFUSED ABOUT)**
    <h3>Why You Should Choose Jetsetter Concierge Travel Planning</h3>
    <p>With over 25 years of experience in concierge, high-end travel planning, we'll provide you with the highest quality services. Every vacation is unique, custom, and tailored to your tastes.</p>

    <div class="value-props">> **WHY NOT JUST USE THIS FOR THE ENTIRE ENCLOSURE?**
      <div class="prop">
        <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-5/htmlcss1-img_diamond.png" width="60px">
        <h2>Unique</h2>
        <p>We don't do standardized packages because we know everyone wants something different. Every vacation will be uniquely customized to your tastes.</p>
      </div>

      <div class="prop">
        <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-5/htmlcss1-img_diamond.png" width="60px">
        <h2>Experienced</h2>
        <p>Our quarter century of experience in travel planning combines local knowledge with international taste. You'll be amazed at what we can provide!</p>
      </div>

      <div class="prop">
        <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-5/htmlcss1-img_diamond.png" width="60px">
        <h2>Luxury</h2>
        <p>We understand that you expect the world of your vacation - Jetsetter can provide once in a lifetime experiences at top of the line quality.</p>
      </div>
  </div>
  </div>


#2

Hi, hope I understand your question correctly. The "main" is not used to control the "prop" sections because then changes made with the "prop" class would affect the h3 and p lines just under the "main" class.


#3

Hi, I assumed that but not clear on why main was used at all. What I am looking for is what "main"s function was would be a better way to word my lengthy question. The instruction stated, "be sure to use main to include h3 and p lines" but there was no explanation of why this was being used.


#4

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.