Dasmoto's Arts & Crafts Project - Requesting for feedback for improvement

Hello! I’ve recently started learning HTML and CSS and I’ve just completed this Dasmoto’s Art & Crafts project from the skillpath for Web Developer. Any tips or adjustments for me will be greatly appreciated!

index.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">
    <title>Dasmoto's Arts & Crafts</title>
    <link href="style.css" rel="stylesheet">
</head>
<body>
    <!--Banner-->
    <div class="banner">
        <p id="banner_title">Dasmoto's Arts & Crafts</p>
    </div>

    <!--Brushes-->
    <div class="brushes">
        <div id="brushes_title">Brushes</div>
        <img src="images/hacksaw.jpeg" class="brush_img">

        <h4 class="hackshaw">Hackshaw Brushes</h4>
        <p>Made of the highest quality oak, Hacksaw brushes are known for their weight and ability to hold paint in large amounts. <br> Available in different sizes. <span>Starting at $3.00 / brush.</span></p>
    </div>

    <!--Frames-->
    <div class="frame">
        <div id="frame_title">Frames</div>
        <img src="images/frames.jpeg" class="frame_img">

        <h4 class="art_frame">Art Frames (assorted)</h4>
        <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>
    </div>

    <!--Paints-->
    <div class="paint">
        <div id="paint_title">Paint</div>
        <img src="images/finnish.jpeg" class="paint_img">

        <h4 class="clean_finish_paint">Clean Finnish Paint</h4>
        <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>
    </div>
</body>
</html>

style.css

/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~Begin Here!~~~~~~~~~~~~~~~~~~~*/
/* Banner start */

#banner_title {
    font-family: Helvetica;
    font-size: 100px;
    font-weight: bold;
    color: khaki;
    text-align: center;
    background-image: url(https://content.codecademy.com/courses/freelance-1/unit-2/pattern.jpeg);
    margin: 65px 10px;
}

/* Banner End */

/* Brushes Start */
#brushes_title {
    font-family: Helvetica;
    font-size: 32px;
    font-weight: bold;
    color: white;
    background-color: mediumspringgreen;
    margin: 5px;
}

.brush_img {
    margin: 25px 5px;
}

.hackshaw {
    font-family: helvetica;
    font-weight: bold;
    font-size: 20px;
    margin: 10px 5px;

}

p {
    font-family: helvetica;
    margin: 20px 5px;
}

span {
    font-family: helvetica;
    font-weight: bold;
    color: blue;
}
/* Brushes End */
/* Frames start */
#frame_title {
    font-family: Helvetica;
    font-size: 32px;
    font-weight: bold;
    color: white;
    background-color: lightcoral;
    margin: 5px;
}

.frame_img {
    margin: 25px 5px;
}

.art_frame {
    font-family: helvetica;
    font-weight: bold;
    font-size: 20px;
    margin: 10px 5px;

}
/* Frames end */
/* Paint Start */
#paint_title {
    font-family: Helvetica;
    font-size: 32px;
    font-weight: bold;
    color: white;
    background-color: skyblue;
    margin: 5px;
}

.paint_img {
    margin: 25px 5px;
}

.clean_finish_paint {
    font-family: helvetica;
    font-weight: bold;
    font-size: 20px;
    margin: 10px 5px;

}
/* Paint End */