Help with semantics

Hey guys, so, I just finished this project and when I went to check the solution it didn’t help me much on where I used the right flag for the right section on the html side

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Dasmoto's Arts & Crafts</title>
    <link href="./resources/css/index.css" type="text/css" rel="stylesheet">
</head>
<main>
    <header class="name">
        <h1>Dasmoto's Arts &amp; Crafts</h1>
    </header>
    <article>
        <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 ability to hold painin large amounts. Available in diferent sizes <aside class="price">Starting at $3.00 / brush</aside>
        </p>
    </article>
    <article>
        <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 sande and painted according to your needs. <aside class="price">Starting at $2.00 / frame</aside>
        </p>
    </article>
    <article>
        <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 <p class="price">Starting at $5.00 / tube</p>
        </p>
    </article>
</main>
</html>

CSS

* {
    font-family: Helvetica;
}

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

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

.price {
    font-weight: bold;
    color: blue;
    display: inline;
}

.brushes {
    background-color: mediumspringgreen;
}

.frames {
    background-color: lightcoral;
}

.paint {
    background-color: skyblue;
}

Hi,

Instead of using the aside tag for the prices, I would use span. Or, if you want to include the semantic tags still, wrap them in the span tags. I chose to do that in my project because the mock-up given to us by the “client” had the prices on the same line as the other text.

For this type of site, I honestly didn’t even think of using the article tags, but that is quite probably something I did wrong! I’d love to hear what more experienced coders think.