Dasmoto's Arts & Crafts Project feedback

Hello community members,

I have recently embarked on the Full Stack developer path and wanted some feedback on the code I wrote for the Dasmoto’s Arts & Crafts project.

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">
    <link rel="stylesheet" href="./resources/css/index.css">
    <title>Document</title>
</head>
<body>
    <h1>Dasmoto's Arts & Crafts</h1>
    <div id="brushes">
    <h2>Brushes</h2>
    <img src="./resources/css/hacksaw.jpeg" alt="Small hand brushes">
    <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. <p class="price"> Starting at $3.00 / brush.</p></p>
    </div>
    <div id="frames">
    <h2>Frames</h2>
    <img src="./Resources/css/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.<p class="price"> Starting at $2.00 / frame</p></p>
    </div>
    <div id="paint">
    <h2>Paint</h2>
    <img src="./Resources/css/finnish.jpeg" alt="">
    <h3>Clean Finnish Paint</h3>
    <p>Imported paint from Finland. Over 256 colors available in-store, varying in quantiy (1 oz. to 8 oz.). Clean Finnish paint microbinds to canvas, increasing the finish and longevity of any artwork. <p class="price">Starting at $5.00 / tube</p></p>
    </div>
</body>
</html>

CSS:

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

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

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

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

p{
    font-family: Helvetica;
}

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

Exercise:
https://www.codecademy.com/paths/fscj-22-web-development-foundations/tracks/fscj-22-developing-websites-locally/modules/wdcp-22-developing-with-css-0c2f9fa7-526e-41b6-a7b5-a871196585ef/projects/dasmoto

Any feedback regarding best practices or industry standards is greatly appreciated. I want to make sure I’m writing production quality code ASAP to avoid any bad habits.

Thanks !