Dasmoto's Arts & Crafts Code Review

Projects
1

Hi there,

I just finished the Dasmoto’s Arts & Crafts project and would love to get your feedback! Of course, I would be happy to review your code as well :slight_smile:

HTML:

<!DOCTYPE html>
<html><head>
    <title>Dasmoto's Arts & Crafts</title>
    <link rel="stylesheet" href="resources/css/style.css">
</head>

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

    <div id="brushes">
        <h2>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 ability to hold paint in large amounts. Available in different sizes. <span class=bluebold> Starting at 3.00 / brush.</span></p>
    </div>

    <div id="frames">
        <h2>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=bluebold> Starting at $2.00 / frame.</span></p>
    </div>

    <div id="paint"> 
        <h2>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. <span class="bluebold">Starting at $5.00 / tube.</span></p>
    </div>
</body>
</html>

CSS:

    font-family: Helvetica;
}

h1 {
    font-size: 100px;
    font-weight: bold;
    color: khaki;
    text-align: center;
}

header {
    background-image: url(pattern.jpeg);
}

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

#brushes h2{
    background-color: mediumspringgreen;
}

#frames h2{
    background-color: lightcoral;
}

#paint h2{
    background-color: skyblue;
}

.bluebold{
    font-weight:bold;
    color:blue;
}