Dasmoto’s Arts & Crafts Project- Code Review

Projects Off-platform Practice Projects
1

Hello everyone :vulcan_salute:. I just finished my attempt at the Dasmoto’s Arts & Crafts Project. I have read a few same topics about this project and tried to apply constructive recommendations. However, I would appreciate it if you could review my code and provide additional recommendations, thank you :handshake:.

HTML

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="resources\css\index.css" type="text/css">
	<title>Arts and crafts store </title>
</head>
<body>
	<nav><h1>Dasmoto&#8242;s Arts & Crafts</h1>
	</nav>
	<main>
		<section>
			<h2>Brushes</h2>
			<img src="resources\images\hacksaw.jpeg" alt="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. <em>Starting at $3.00 / brush.</em></p>
		</section>
		<section>
			<h2>Frames</h2>
			<img src="resources\images\frames.jpeg" alt="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. <em>Starting at $2.00 / frame.</em></p>
		</section>
		<section>
			<h2>Paint</h2>
			<img src="resources\images\finnish.jpeg" alt="Frames" />
			<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. <em>Starting at $5.00 / tube.</em></p>
		</section>
	</main>
</body>
</html>

CSS:

body {
	font-family: Helvetica;
}
h1 {
	font-size: 100px;
	font-weight: bold;
	color: khaki;
	background-color: aquamarine;
	background-image: url("https://content.codecademy.com/courses/freelance-1/unit-2/pattern.jpeg?_gl=1*1id5ayt*_ga*MzExMjE1ODI0OS4xNjk0MDc4NTkz*_ga_3LRZM6TM9L*MTY5NjU4NTM3OS40Ni4xLjE2OTY1ODYwMDIuNjAuMC4w");
	text-align: center;
}


main section:first-child h2 {
	font-size: 32px;
	font-weight: bold;
	color: white;
	background-color: mediumspringgreen;
}

main section:nth-child(2) h2 {
	font-size: 32px;
	font-weight: bold;
	color: white;
	background-color: lightcoral;
	
}

main section:last-child h2 {
	font-size: 32px;
	font-weight: bold;
	color: white;
	background-color: lightblue;
	
}

img{
	position: relative;
	left: 0;
}

h3 {
	font-weight: bold;
}

p {
	text-align: left;
}

em {
	font-weight: bold;
	font-style: normal;
	color: blue;
}