Code review Dasmoto's Arts & Crafts

Hello Everyone,

Finished the Dasmoto’s Arts & Crafts project.

Could someone give me some feedback on my code?

<!DOCTYPE html>
        <title>Dasmoto's Arts & Crafts</title>
        <link rel="stylesheet" href="/style.css">
        <meta charset="utf-8">
            <h1 class="title" id="h1-title">
                Dasmoto's Arts & Crafts
                <h2 class="brushes">
                    <img src="images/hacksaw.jpg" alt="Brushes on a table" >
                    <h3 class="hacksaw">
                        Hacksaw Brushes
                        <p class="hacksaw-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. 
                            <strong>Starting at $3.00 / brush.</strong>
                <h2 class="frames">
                    <img src="images/frames.jpg" alt="allot of frames">
                    <h3 class="art">
                        Art Frames (assorted)
                        <p class="art-p">
                            Assorted frames made of different material, including MDF, 
                            birchwood, and PDE. Select frames can be sanded and painted 
                            according to your needs. 
                            <strong> at $2.00 / frame.</strong>
                <h2 class="paint">
                    <img src="images/finnish.jpg" alt="paint and a brush">
                    <h3 class="clean">
                        Clean Finnish Paint
                        <p class="clean-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. 
                        <strong> Starting at $5.00 / tube.</strong>
* {
    font-family: Helvetica;

body {
    margin: 0;
    background-color: khaki;

strong {
    font-weight: bold;
    color: blue;

h2, h3, img, p {
    text-align: center;

img {
    display: block;
    margin-left: auto;
    margin-right: auto;    

#h1-title {
    background-image: url(images/pattern.jpg);
    min-height: 100px;
    max-height: 125px;
    text-align: center;
    display: block;

h1.title {
    color: khaki;
    font-weight: bold;
    display: inline-block;
    font-size: 75px;
    max-width: 100;

.brushes {
    font-size: 32px;
    font-weight: bold;
    color: white;
    background-color: mediumspringgreen;

.frames {
    background-color: lightcoral;
    color: white;
    font-size: 32px;
    font-weight: bold;

.paint {
    background-color: skyblue;
    color: white;
    font-size: 32px;
    font-weight: bold;

Thanks in advance!

Best regards,

Hi there! I went ahead and edited your post so your code would be rendered inside code blocks. Easier for other users to read it that way.
Great job working on the project :+1:


Hi Fede! Thank you! How did you do this? For the next time I post some code then I can do this immediatly :slight_smile:
Thank you for the compliment! :pray:

1 Like

No problem :smiley:
There are two ways you can go about it:

You can directly type your code between a set of ``` (triple backtick `)
Or you can highlight your code and click the preformatted text button that looks like </>

1 Like