Dasmoto’s Arts & Crafts Code Review Please

Hi all, I’m French and beginner about code. Actually I wouldn’t have guessed what was hidden behind a web page. I am currently 10% of the course way. I come to you to submit my first Dasmoto’s Arts & Crafts code. I would be happy to read your feed back about it and want to thank you for that in advance.
here’s the code:

<head>

    <link href="C:Users\Francky\Documents\Codecademy\Projects\Dasmoto's Arts & Crafts\resources\css\index.css" rel="stylesheet" type="text/css"/>

</head>

<body>

  <div class="header">

    <h1>Dasmoto's Arts & Crafts</h1>

  </div>

  <div class="brushes">

    <h2>Brushes</h2>

  <figure>

    <img src="https://content.codecademy.com/courses/freelance-1/unit-2/hacksaw.jpeg" alt="Hacksaw">

    <figcaption><strong> Hacksaw Brushes</strong></figcaption>

  </figure>

  <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>Starting at $3.00 / brush.</span></p>

  </div>

  <div class="frames">

     <h2>Frames</h2>

  <figure>

    <img src="https://content.codecademy.com/courses/freelance-1/unit-2/frames.jpeg" alt="Frames">

    <figcaption><strong> Art Frames (assorted)</strong></h4></figcaption>

  </figure>

  <p>Assorted frames made of different material, including MDF, birchwood, and PDE. Select frames can be sanded and painted according to your needs. <span>Starting at $2.00 / frame.</span></p>

  </div>

  <div class="paint">

      <h2>Paint</h2>

  <figure>

    <img src="https://content.codecademy.com/courses/freelance-1/unit-2/finnish.jpeg" alt="Paint">

    <figcaption><strong>Clean Finnish Paint</strong></figcaption>

  </figure>    

   <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>Starting at $5.00 / tube.</span></p>

  </div>

</body>

and about the css code:

  • {

    font-family: Helvetica;

    margin-left: 1px;

}

.header {

font-size: 100px;

font-weight: bold;

color: khaki;

text-align: center;

background-image: url("https://content.codecademy.com/courses/freelance-1/unit-2/pattern.jpeg");

}

.brushes h2 {

font-size: 32px;

font-weight: bold;

color: white;

background-color: mediumspringgreen;

}

.frames h2 {

font-size: 32px;

font-weight: bold;

color: white;

background-color: lightcoral;

}

.paint h2 {

font-size: 32px;

font-weight: bold;

color: white;

background-color: skyblue;

}

span {

font-weight: bold;

color: blue;

}

I’m sorry about my English language mistakes :slight_smile:
Thanks for all!

It looks fine. I’m still in the course to. The one thing I did different was an h2 ruleset that held the font family, size, weight, and colour. That way if more items are added to the page they’ll automatically take that format. You would just have to have a new ruleset to set the banner.
h3 {
font-family: Helvetica;
font-size: 32px;
font-weight: bold;
color: white;

}
/* use individual id’s to set color banners */
#brushes {

background-color: mediumspringgreen;
}
#frames {
background-color: lightcoral;

}
#paint {
background-color: skyblue;

This is how I did it.

Thank you for the time you spent on my code and your helpful feedback.
It helps me a lot :slight_smile:

Not a problem. Just trying to help. Or at least I think I’m helping.