Hello everyone!
I am a Colombian anthropologist trying to learn how to code. I got into the very popular Dasamoto’s Arts & Crafts assignment (https://www.codecademy.com/paths/front-end-engineer-career-path/tracks/fecp-web-development-fundamentals/modules/fecp-code-review-dasmotos-arts-crafts/informationals/fecp-code-review-dasmotos-arts-crafts) and I want help regarding how to improve my coding. I am interested in saving time and in making the most efficient coding. In the end, with my code, I did what the assignment was asking for, but I believe I could have done it writing less.
Let me know if you know how to write a more efficient code! I am leaving my HTML and my CSS code below.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dasamoto's Project</title>
,<link rel="stylesheet" href="Style.css">
</head>
<body>
<h1>Dasamoto's Arts & Crafts</h1>
<div>
<h2 class="brushes">Brushes</h2>
<img src="Stock\hacksaw.jpeg" alt="hacksaw">
<h3>Hacksaw Brushes</h3>
<p>Generating random paragraphs can be an excellent way for writers to get their creative flow going at the beginning of the day. <a class="contact"> The writer has no idea what topic the random paragraph will be about when it appears. </a> </p>
</div>
<div>
<h2 class="frames">Frames</h2>
<img src="Stock\frames.jpeg" alt="Frames">
<h3>Art Frames (assorted)</h3>
<p>Generating random paragraphs can be an excellent way for writers to get their creative flow going at the beginning of the day. <a class="contact"> The writer has no idea what topic the random paragraph will be about when it appears. </a> </p>
</div>
<div>
<h2 class="paint">Paint</h2>
<img src="Stock\finnish.jpeg" alt="Paint">
<h3>Clean Finnish Paint</h3>
<p>Generating random paragraphs can be an excellent way for writers to get their creative flow going at the beginning of the day. <a class="contact"> The writer has no idea what topic the random paragraph will be about when it appears. </a></p>
</div>
</body>
</html>
h1{
font-family: Arial, Helvetica, sans-serif;
font-size: 100px;
font-weight: bold;
color: khaki;
text-align: center;
background-image: url("Stock/pattern.jpeg");
}
.brushes{
font-family: Arial, Helvetica, sans-serif;
font-size: 32px;
font-weight: bold;
color: white;
background-color: mediumspringgreen;
}
p{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
.contact{
color: blue;
}
.frames{
font-family: Arial, Helvetica, sans-serif;
font-size: 32px;
font-weight: bold;
color: white;
background-color: lightcoral;
}
.paint{
font-family: Arial, Helvetica, sans-serif;
font-size: 32px;
font-weight: bold;
color: white;
background-color: skyblue;
}`