Dasmotos Arts and Crafts code review

Hi everyone,

I’m new to front-end developing. I am currently at 16%. Here is my code for the Dasmotos Art & Crafts. Any feedback would be greatly appreciated.

HTML

Dasmoto's Arts & Crafts

Dasmoto's Arts & Crafts

Brushes

<img src="/ArtCrafts/hacksaw.jpeg" alt="photo of hacksaw">

<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. <a href="#">Starting at $3.00 / brush.</a></p>


<h2 id="frames">Frames</h2>

<img src="/ArtCrafts/frames.jpeg" alt="photo of 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 you needs. <a href="#">Starting at $2.00 / frame.</a></p>


<h2 id="paint">Paint</h2>

<img src="/ArtCrafts/finnish.jpeg" alt="photo of finnish paint">

<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. <a href="#">Starting at $5.00 / tube.</a></p>

CSS

h1 {
background-image: url(/ArtCrafts/pattern.jpeg);
font-family: Arial, Helvetica, sans-serif;
font-size: 100px;
text-align: center;
color: khaki;
font-weight: bold;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 32px;
font-weight: bold;
color: white;
}

#brushes {
background-color: mediumspringgreen;
}

#frames {
background-color: lightcoral;
}

#paint {
background-color: skyblue;
}

a {
text-decoration: none;
font-weight: bold;
}

p {
font-family: Arial, Helvetica, sans-serif;
}

Is this site live? If so, ignore.

On your computer, that URI is a folder on the root of the C drive (or attending volume). In a sandbox, it would be unreachable.

Now if you are using the root of your local volume to simulate a live site (the home page is on the site root), then just be sure to move it off the volume root and store it away somewhere when you’re done.

When something goes wrong with our computer and we take it to a service technician they expect a particular array of files in the root directory of the volume, If we have all our stuff crammed in there too, their job just became a lot harder, which amounts to a bigger repair bill owing to more hours needed.

Of course, that’s just one scenario. Best course is to confine your local work to the user documents folder. Installed applications also need to know that the environment is safe for them to operate.

Now for the second onslaught… Uppercase in file names. We can get sloppy when working on our local machine. It lets us slip a capital letter into a name yet ignores uppercase when searching and will find it either way. Servers are not that kind. They will, in some cases send a response that asks if you meant foo.html when you requested Foo.html since that is the closest matching file it could find on the site. That’s a smart server, and not something we can come to expect from every hosting provider. Bottom line, use lowercase only in resource names so there is no chance of a mistake caused by the difference.