Code Review: Dasmoto's arts and crafts

Web Development
1

Heya,

Recently started the Front end Development track and would like a code review of the Off-Platform Project: Dasmoto’s Arts & Crafts
Some quick tips on how to handle things better in the future and making my files more future proof would be nice!
Heres the HTML

<!DOCTYPE html>

<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Dasmoto's Arts & Crafts</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="stylesheet.css">
</head>

<body>
    <h1>
        <strong's>Dasmoto's Arts & Crafts</strong>
    </h1>
    <h2 id="Brushes">Brushes</h2>
    <img src="hacksaw.webp" alt="Hacksaw 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. <span
            style="font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: blue"> at $3.00 / brush.</span>
    </p>
    <h2 id="Frames">Frames</h2>
    <img src="frames.webp" alt="Frames">
    <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
            style="font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: blue">Starting at $2.00 /
            frame.</span></p>
    <h2 id="Paint">Paint</h2>
    <img src="finnish.jpeg" alt="finnish">
    <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
            style="font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: blue">at $5.00 /
        tube.</span> </p>
</body>

</html>

and the CSS

h1{
    font-family: Helvetica, sans-serif;
    font-size: 100px;
    font-weight: bold;
    color: khaki;
    background-image: url(pattern.webp);
    text-align: center;
}
h2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px;
    font-weight: bold;
    color: white;
}
#Brushes{
    background-color: mediumspringgreen;

}
#Frames{
    background-color: lightcoral;
}
#Paint{
    background-color: skyblue;
}