Dasmoto's Arts & Crafts Code Review

Hi! I’m pretty new to coding and this is my first semi-independent project I’ve done. I am 10% through the front-end engineer path and would love if someone could review my code. I am willing to review your code as well :slight_smile: I haven’t done any peer review yet so I would appreciate the practice! Thanks in advance!!

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

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

        <article>
            <section class= "brushes">
                <h2>Brushes</h2>
                <img src="./Resources/hacksaw.jpg">
                <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>Starting at $3.00 / brush.</span></p>
            </section>

            <section class= "frames">
                <h2>Frames</h2>
                <img src="./Resources/frames.jpg">
                <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> Starting at $2.00 / frame.</span></p>
            </section>

            <section class= "paint">
                <h2>Paint</h2>
                <img src="./Resources/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>Starting at $5.00 / tube.</span></p>
            </section>
        </article>
    </body>
</html>
* {
    font-family: Arial, Helvetica, sans-serif;
}

h1 {
    font-size: 100px;
    font-weight: 100;
    color: khaki;
    background-image: url("https://content.codecademy.com/courses/freelance-1/unit-2/pattern.jpeg");
    text-align: center;
}

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

span {
    font-weight: bold;
    color: blue;
}

.brushes h2 {
    background-color: mediumspringgreen;
}

.frames h2 {
    background-color: lightcoral;
}

.paint h2 {
    background-color: skyblue;
}

Hi, Julia.

This is my first try at code review, so I might miss something.
I think you have a solid solution for this task. Code is well structured and I like how you used * to set font-family for all objects.
I can’t find anything that could be improved :clap:

Also here is my solution, if you care to take a look. Thanks.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="./Resources/CSS/index.css">
    <title>Dasmonto's</title>
</head>

<body>
    <!-- Heading -->
    <div class="heading">
        <h1>Dasmonto's Arts and Crafts</h1>
    </div>
    <!-- Shop section -->
    <div class="shop">
        <h2 class="springgreen">Brushes</h2>
        <img src="https://content.codecademy.com/courses/freelance-1/unit-2/hacksaw.jpeg" alt="">
        <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="price">Starting at $3.00 / brush.</span>
        </p>
    </div>
    <div class="shop">
        <h2 class="lightcoral">Frames</h2>
        <img src="https://content.codecademy.com/courses/freelance-1/unit-2/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. <span class="price">Starting at $2.00 / frame.</span>
        </p>
    </div>
    <div class="shop">
        <h2 class="skyblue">Paint</h2>
        <img src="https://content.codecademy.com/courses/freelance-1/unit-2/hacksaw.jpeg" alt="">
        <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="price">Starting at $5.00 / tube.</span>
        </p>
    </div>
</body>
</html>
* {
    font-family: Helvetica;
}

.heading {
    background-image: url(https://content.codecademy.com/courses/freelance-1/unit-2/pattern.jpeg);
    
}

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

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

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

.springgreen {
    background-color: springgreen;
}

.lightcoral {
    background-color: lightcoral;
}

.skyblue {
    background-color: skyblue;
}