Dasmoto's Critiques

Projects Skill Path Projects
1

Hi Y’all! I’m pretty new to this all, but think I got this project figured out. I’m just looking for any critiques that I missed giving myself. I really appreciate it all!
-Appreciated
Jaden

Here’s my html file code. I downloaded the images so that I was able to use the relative path instead of the url.

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="./css/index.css">
    <title>Dasmoto's Arts and Crafts</title>
  </head>
  <body>
    <div class="banner">
      <h1> Dasmoto's Art's & Crafts </h1>
    </div>
    <div><!--Body division -->
    <h2 id="brushes">Brushes</h2>
    <img src="./images/hacksaw.jpeg" alt="">
    <!--I need the paragraphs to be one line, but the cost needs to be blue and bold...had to use span-->
      <h3>Hacksaw Brushes</h3>
      <p>Made of the highest quality oak, Hacksaw brushes are known for their weight and ability to hold paint in large amounts. Available in different sizes. <span class="cost"> Starting at $3.00 / brush. </span></p>
    <h2 id="frames">Frames</h2>
    <img src="./images/frames.jpeg" alt="">
    <h3>Art Frames (assorted)</h3>
      <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="cost">Starting at $2.00 / frame. </span></p>
    <h2 id="paint">Paint</h2>
    <img src="./images/finnish.jpeg" alt="">
      <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="cost">Starting at $5.00 / tube.</span></p>
  </body>
</html>



<!--I didn't use as many div elements as the solution did. Also note the solution is missing a closing paragraph tag on line 35? Other than that, I did well.-->

Here’s my css file:

style{
  font-family: "Helvetica", sans-serif;
}

.banner{
  background-image: url("../images/pattern.jpeg");
  /*h1 is already bolded and is the only tag in banner; redundancy
  font-weight: bold;*/
  color: khaki;
  font-size: 100px;
  text-align: center;

}
h2{
  font-size: 32px;
  /*same as above
  font-weight: bold;*/
  color: white;
}

#brushes{
  background-color: mediumspringgreen
}
#frames{
  background-color: lightcoral;
}
#paint{
  background-color: skyblue;
}
.cost{
  color: blue;
  font-weight: bold;

}

Hopefully, I figure out how to upload the whole files next time.