Dashmoto html help

I can’t get the last span element for the text that reads “Starting at $5.00 / tube” to accept the CSS styling. Line 30 on my code editor

The other span elements (lines 17 and 22) work just fine.

I’ve inserted a comment just below the span element to which I’m referring.
Thanks

<!DOCTYPE html>
<html>
 <head>
  <title>Dashmoto</title>
     <link rel="stylesheet" href="style.css">
 </head>
 <body>
     <div>
         <h1 class="header">Dashmoto's Arts & Crafts</h1>
     </div>
     <div>
         <h2 class="brushes">Brushes</h2>
         <div><img src="https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-2/hacksaw.jpeg">
         </div>
         <div>
         <h3>Hacksaw Brushes</h3>
             <p>Made of the finest quality oak, Hacksaw Brushes are known for their weight and ability to hold paint in large amounts. Available in different brush sizes. <span class="price">Prices starting at $3.00 / brush.</span></p>
         </div>
         <div>
         <h2 class="frames">Frames</h2>
             <div><img src ="https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-2/frames.jpeg"></div>
             <p>Assorted frames made of different material, including MDF, birchwood, and PDE. Select frames can be sanded and painted according to your needs. <span class="price">Starting at $3.00 / frame.</span></p>
         </div>
         <div>
         <h2 class="paint">Paint</h2>
             <div><img src="https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-2/finnish.jpeg"></div>
         </div>
         <div>
         <h3>Clean Finnish Paint</h3>
             <p>Imported paint from Finland. Over 256 colors available in-store, varying in quantity (1 oz. to 8 oz.). Clean Finnish paint microbinds to canvas, increasing the finish and longevity of any artwork. <span class="price">Starting at $5.00 / tube.</span></p>
<!-- Above is the span element to which I'm referring -->
         </div>
     </div>
 </body>
</html>
```:
1 Like

I ran the same code in Codepen.io and added the code below in CSS.
and it worked fine and turned the color blue as expected…so I do not know… maybe I’m not understanding the problem or maybe there’s a problem with the way you have written your CSS.

.price {
  color:blue;
}

The CSS is working for the two other span elements which are also assigned the “price” class.
Thanks for taking a look

What does your CSS look like?

1 Like

Yes, if you could please Link you full CSS code. Thank you.

.header {
    background-image: url(https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-2/pattern.jpeg);
    font-family: Helvetica;
    font-weight: bold;
    font-size: 100px;
    color: khaki;
    text-align: center;
    border: 2px solid khaki;
}

.brushes {
    background-color: mediumspringgreen;
    font-family: Helvetica;
    font-size: 32px;
    font-weight: bold;
    color: white;
}

.frames {
    background-color: lightcoral;
    font-family: Helvetica;
    font-size: 32px;
    font-weight: bold;
    color: white;
}

.paint {
    background-color: skyblue;
    font-family: Helvetica;
    font-size: 32px;
    font-weight: bold;
    color: white;
}

img {
    border: 2px solid khaki;
}

.price {
    font-family: Helvetica;
    font-weight: bold;
    color: blue;
}

price_class_dashmoto

Don’t see a problem there.

Neither did I. Is my code is correct?

It would appear so. The output is as expected.

Ok thank you
On to the next project

1 Like