Question on Section Id

HTML-CSS
1

I’m trying to edit the section id “Park-Rides” but I can’t edit it in CSS. I can edit the “pricing” section fine.

HTML:

 <div class="container">
    <section id="Park-Rides">
      <div class="grid">
        <div class="icon"><i class="fa fa-3x fa-fire"></i></div>
        <div class="desc">
          <h2>Premium Materials</h2>
          <p>
            Our trombones use the shiniest brass which is sourced locally. This
            will increase the longevity of your purchase.
          </p>
        </div>
      </div>
      <div class="grid">
        <div class="icon"><i class="fa fa-3x fa-truck"></i></div>
        <div class="desc">
          <h2>Fast Shipping</h2>
          <p>
            We make sure you recieve your trombone as soon as we have finished
            making it. We also provide free returns if you are not satisfied.
          </p>
        </div>
      </div>
      <div class="grid">
        <div class="icon">
          <i class="fa fa-3x fa-battery-full" aria-hidden="true"></i>
        </div>
        <div class="desc">
          <h2>Quality Assurance</h2>
          <p>
            For every purchase you make, we will ensure there are no damages or
            faults and we will check and test the pitch of your instrument.
          </p>
        </div>
      </div>
    </section>

CSS:

#Park-Rides{
  background-color: blue;
  display: flex;
  line-height: 2;
}

Your browser information:

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

Challenge: Build a Product Landing Page

Link to the challenge:

2

Where did you add css?

3

Hey there,

I’ve edited your post for readability, because it was very hard to read.

You can use the “preformatted text” tool in the editor ( </> ) to add code.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

Because you want to show us your whole project, please use a service like codepen and input your link here.

Did you save the file?
Did you reload the page?
Did you try to use a different browser?

4

Ok I saved the file and reloaded again and now it works! The “Park-Rides” background is now blue!