Dasmoto's Arts & Crafts Review

Hi all,

I’m currently doing the Front End Engineer course and am on the Desmoto’s Arts & Crafts section. It looks like I’ve completed it 100% to the same specs, but any feedback would be greatly appreciated :slight_smile:

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>Desmoto's Arts & Crafts</title>
    <link href="CSS\index.css" rel="stylesheet">
</head>
<body>
  <header>
    <title>Desmoto's Arts & Crafts</title>
    <h1>Desmoto's Arts & Crafts</h1>
  </header>

  <h2 class="brushes" id="brushes">Brushes</h2>
  <img src="hacksaw.jpeg" alt="Picture of 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 class="price">Starting at $3.00 / brush.</span></p>

  <h2 class="Frames" id="frames">Frames</h2>
<img src="frames.jpeg" alt="Multicoloured 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 class="price">Starting at $2.00 / frame.</span></p>

<h2 class="Paint" id="paint">Paint</h2>
<img src="finnish.jpeg" alt="Multiple coloured paint tubes">
<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>

</body>
</html>

‘’’

CSS

'* {
font-family: helvetica;
box-sizing: border-box;
}

h1 {
    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?_gl=1*1ql9eqr*_ga*NjMzMjIzMTMwLjE2NDYzMzU4ODM.*_ga_3LRZM6TM9L*MTY4MjE5NzEwMS4zMS4xLjE2ODIxOTkyNjkuMC4wLjA.)
}

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

#brushes {
    background-color: mediumspringgreen;

}

#frames {
    background-color: lightcoral;

}

#paint {
    background-color: skyblue;
}

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

Thank you so much, have a great day!

Hi, there!

Congratulations on starting your journey! I just have one small comment. :slight_smile:

Here you have the <title> inside your <header>. The <title> only goes within the <head> at the top of your document. (Which I can see that you do have)

Keep up the good work!

Hi @kirativewd,

Just to clarifty, would I not need a header section if the title is already in the head?

Thank you so much :slight_smile:
Charlotte

You do not necessarily need it, but it would be fine to use it. I also want to clarify the difference between the <head> of a document and the <header>. (Just in case there’s any confusion.)

The <head> is used to communicate metadata to the browser, as well as the document’s title, stylesheets, etc. It does not physically display information on the page. (Unless you count the browser tab as “part of the page.”) This is why you only see the <title> within the <head>.

The <header> is used to display introductory content and is popularly used for the navigational bar at the top of most websites. In this case, “Dasmoto’s Arts & Crafts” <h1> is an introductory title, so the use of <header> is justified.

Thank you so much for your help and comments! :slight_smile:

Have a great day :smiley:

1 Like