I need help as i keep getting an error message (learn-more/background color)


#1
  1. Make a new CSS rule that uses the class selector .learn-more
  2. Set the background-color to #f7f7f7
    Keep getting error messages, anybody help or confirm the code line?

#2

Sure, tell us your error and show us your new CSS rule.


#3

me too!!!

.learn-more a {
    background-color: #f7f7f7;
}

<div class="learn-more">
      <div class="container">
        <div>
            <div>
            <h3>Travel</h3>
            <p>From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries.</p>
            <p><a href="#">See how to travel on Airbnb</a></p>
          </div>
          <div>
            <h3>Host</h3>
            <p>Renting out your unused space could pay your bills or fund your next vacation.</p>
            <p><a href="#">Learn more about hosting</a></p>
          </div>
          <div>
            <h3>Trust and Safety</h3>
            <p>From Verified ID to our worldwide customer support team, we've got your back.</p>
            <p><a href="#">Learn about trust at Airbnb</a></p>
          </div>
        </div>
      </div>
    </div>

#4

This is telling your browser to set ONLY the <a> elements in your learn-more div to that background color.

Do you see the problem with that?