Hi all,
So I’ve written up the HTML and CSS but for some reason, I can’t get the index.css to link to my HTML code. I’ve followed all the necessary steps, triple checked other codes in the forums, GIThub etc. but no luck at all. Any advice? The codes are below:
HTML Code:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href=".resources/css/index.css" type="text/css">
<title>Dasmoto's Arts & Crafts</title>
</head>
<body>
<header>
<h1 class="title">Dasmoto's Arts & Crafts</h1>
</header>
<main>
<div class="item">
<h2 id="brushes">Brushes</h2>
<img src="resources/images/hacksaw.jpeg">
<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="prices">Starting at $3.00 / brush.</span>
</p>
</div>
<div class="item">
<h2 id="frames">Frames</h2>
<img src="resources/images/frames.jpeg">
<h3>Art Frames (assorted)</h3>
<p>Assorted frames made of different material, including MDF, birchwood,
PDE. Select frames can be sanded and painted according to your needs.
<span class="prices">Starting at $2.00 / frame.</span>
</p>
</div>
<div class="item">
<h2 id="paint">Paint</h2>
<img src="resources/images/finnish.jpeg">
<h3>Clean Finish Paint</h3>
<p>Imported paint from Finland. Over 256 colors available in-store,
varing in quantity (1 oz. to 8 oz.). Clean Finnish paint microblends
to canvas, increasing the finish and longevity of any artwork.
<span class="prices">Starting at $5.00 / tube.</span>
</p>
</div>
</main>
</body>
</html>
CSS Code:
h1, h2, h3, p {
font-family: Helvetica;
}
.title {
font-size: 100px;
font-weight: bold;
color: khaki;
text-align: center;
background-image: url('./resources/images/pattern.jpeg');
}
.item h2 {
font-size: 32px;
font-weight: bold;
color: white;
}
.prices {
font-family: Helvetica;
font-weight: bold;
color: blue;
}
#bushes {
background-color: MediumSpringGreen;
}
#frames {
background-color: LightCoral;
}
#paint {
background-color: SkyBlue;
}
