Hello everyone!
This is my very first post in a Codecademy forum! I have found myself searching for answers on other peoples’ topics so thought it was about time to create my own.
My main issue is with the <div>
tag. I have just completed the Dasmoto’s Arts and Crafts project on the Front-end developer career path. Without any external help, I was able to build a replicate of the website that I was challenged to create. I was pretty chuffed with my efforts, but when comparing my code to that of Codecademy’s, I found that they had used <div>
's and I had not.
How important are <div>
's if I was able to create an identical website without using them?
Thanks in advance for any help, and feel free to make any other comments on my code. I realise this is basic stuff, but just remember, I’m a newbie!
Here is a comparison between my code, and the Codecademy code.
My code:
<!DOCTYPE html>
<head>
<link rel="stylesheet" type="text/css" href="dasmoto.css">
</head>
<body>
<h1 class="main-banner">Dasmoto's Arts & Crafts</h1>
<h2 class="brush-banner">Brushes</h2>
<img src="resources/brushes.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="starting-price">Starting at $3.00 / brush.</span>
</p>
<h2 class="frames-banner">Frames</h2>
<img src="resources/frames.jpeg" />
<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="starting-price">Starting at $2.00 / frame.</span>
</p>
<h2 class="paint-banner">Paint</h2>
<img src="resources/paint.jpeg" />
<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="starting-price">Starting at $5.00 / tube.</span>
</p>
</body>
Codecademy code:
<!DOCTYPE html>
<html>
<head>
<title>Dasmoto's Arts & Crafts</title>
<link href="./resources/css/style.css" type="text/css" rel="stylesheet">
</head>
<body>
<h1>Dasmoto's Arts & Crafts</h1>
<!-- Brushes Section -->
<div class="item">
<h2 id="brush">Brushes</h2>
<img src="https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-2/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="price">Starting at $3.00 / brush.</span></p>
</div>
<!-- Frames Section -->
<div class="item">
<h2 id="frame">Frames</h2>
<img src="https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-2/frames.jpeg">
<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>
</div>
<!-- Paint Section -->
<div class="item">
<h2 id="paint">Paint</h2>
<img src="https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-2/finnish.jpeg">
<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></div>
</body>
</html>