Is this one a glitch, Steven once answered before that this one should be submitted as a bug.

Question

style.css

/* Complete the challenge by writing CSS below */
.primary-content{
  padding-top:25px;
  padding-bottom:95px;
  margin:auto;
  border:auto;
}
 .wildlife {
  border-top:10px solid orange;
}

index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Lake Tahoe</title>
    <link rel="stylesheet" href="page.css">
    <link rel="stylesheet" href="style.css">
  </head>
  <body> 
        <div class="primary-content t-border">
            <p class="intro">
                Lake Tahoe is one of the most breathtaking attractions located in California. It's home to a number of ski resorts, summer outdoor recreation, and tourist attractions. Snow and skiing are a significant part of the area's reputation.
            </p>
            <a href="#more">Find out more</a>

      <div class="wildlife">
        <h2>Check out all the Wildlife</h2>
        <p>
          As spawning season approaches, the fish acquire a humpback and protuberant jaw. After spawning, they die and their carcasses provide a feast for gatherings of <a href="#mink">mink</a>, <a href="#bears">bears</a>, and <a href="#eagles">bald eagles</a>.
        </p>
      </div>

            <a href="#wildlife">See the Wildlife</a>
        </div><!-- End .primary-content -->

        <div class="secondary-content t-border"> 
      <div>
        <h3>From Tents to Resorts</h3>
        <p>
          Lake Tahoe is full of wonderful places to stay. You have the ability to sleep in the outdoors in a tent, or relax like a king at a five star resort. Here are our top three resorts:
        </p>
        <ul>
          <li><a href="#hotels">Lake Tahoe Resort Hotel</a></li>
          <li><a href="#resorts">South Lake Tahoe Resorts</a></li>
          <li><a href="#lodging">Tahoe Ski Resort Lodging</a></li>
        </ul>       
      </div>
      <div>
        <h3>Pack Accordingly</h3>
        <p>
          One of most important things when it comes to traveling through the great outdoors is packing accordingly. Here are a few tips:
        </p>
        <ol>
          <li>Bring layers of clothing</li>
          <li>Pack sunscreen</li>
          <li>Carry extra water just in case</li>
          <li>Pack light</li>
        </ol>
      </div>
        </div><!-- End .secondary-content -->

        <footer class="main-footer">
            <p>All rights reserved to the state of <a href="#">California</a>.</p>
            <a href="#top">Back to top &raquo;</a>
        </footer>
  </body>
</html>

Answer 1 · 2018-03-19T21:11:51Z

March 19, 2018 9:11pm

Hi Christopher, In this code challenge, it only asks you to add top and bottom padding to the .primary-content.

For the .widlife container, it asks you to add border top and margin-top.

For the .secondary-content it asks you to give it a top and bottom padding and a border.

The tasks are pretty specific and from what I can see of the tasks none of them wants you to add auto to any margins or borders.

So check your .primary-content as that should not have any margin or border properties.

You seem to be missing the rule for your .secondary-content.

Welcome to the Treehouse Community

Looking to learn something new?

Christopher Stahl

Christopher Stahl

Is this one a glitch, Steven once answered before that this one should be submitted as a bug.

1 Answer

Samantha Atkinson

Samantha Atkinson