Dasmoto's Arts & Crafts code review

Projects
,
1

Hi everyone,

I’ve just completed the Dasmoto’s Arts and Crafts project and would love to get your feedback on it! I’m happy to review your code as well.

Thank you in advance,
Sophie

Here’s a link to the original exercise: Developing with CSS | Codecademy

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dasmoto's Arts & Crafts</title>
    <link rel="stylesheet" href="./resources/css/index.css">
   </head>
<body>
    <header>   
    <h1>Dasmoto's Arts & Crafts</h1>
    </header>
    <!-- Brushes -->
        <section>
            <h2 class="brushes">Brushes</h2>
                <img src="./resources/images/hacksaw.jpeg">
                    <h3>Hacksaw Brushes</h3>
                    <p>Made of the highest quality oak, Hacksaw brushes are known for their weight and bility to hold paint in large amounts. Available in different sizes. Starting at <span class="price">$3.00 / brush.</span> </p>
        </section>
    <!-- Frames -->
        <section>
            <h2 class="frames">Frames</h2>
                <img src="./resources/images/frames.jpeg">
                    <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="price">$2.00 / frame.</span></p>
        </section>
     <!-- Paint -->
        <section>
            <h2 class="paint">Paint</h2>
                <img src="./resources/images/finnish.jpeg">
                    <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. Starting at <span class="price">$5.00 / tube.</span></p>
        </section>
    
</body>
</html>

CSS:

h1 {
    font-family: Helvetica;
    font-size: 100px;
    font-weight: bold;
    color: khaki;
    text-align: center;
    background-image: url(../images/pattern.jpeg);
}

h2 {
    font-family: Helvetica;
    font-size: 32px;
    font-weight: bold;
    color: white;
}

.brushes {
    background-color: mediumspringgreen;
}

.frames {
    background-color: lightcoral;
}

.paint {
    background-color: skyblue;
}

.price {
    color: blue;
}