robbiewolff / prj-rev-bwfs-dasmoto

0 stars 0 forks source link

Take advantage of spacing to make your html easier to read. #8

Closed farishkash closed 6 years ago

farishkash commented 6 years ago

All your HTML is pushed together with not much in the way of spacing. Using spacing appropriately makes it easier to find errors. This is a small project, the last project will have between 300-500 lines of HTML and CSS, take advantage of spacing so when you do make a mistake, it easier to find. An example below with your HTML reformatted.


<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8">
      <title>Inexpensive Arts & Crafts in Houston TX</title>
      <link href="./CSS/style.css" type="text/css" rel="stylesheet">
   </head>
   <h1>Desmato's Arts & Crafts</h1>

   <h2>Brushes</h2>
   <img src="https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-2/hacksaw.jpeg" alt="Picture of multiple brushes stacked together">
   <h3>Hacksaw Brushes</h3>
   <p>Made of the highest quality oak. Hacksaw brushes are known for their weight and ability to hold pain in large amounts. Available in different sizes.
      <span style="color:blue;font-weight:bold">Starting at $3.00/brush.</blue>
   </p>

   <h2 class="frames">Frames</h2>
   <img src="https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-2/frames.jpeg" alt="Image of a stack of colorful 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.
      <span style="color:blue;font-weight:bold">Starting at $2.00 / frame.</span>
   </p>

   <h2 class="paint">Paint</h2>
   <img src="https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-2/finnish.jpeg" alt="picture of multiple colored paint tubes">
   <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 style="color:blue;font-weight:bold">Starting at $5.00 / tube.</span>
   </p>
   <body>
   </body>
</html>
robbiewolff commented 6 years ago

OK. that's an easy fix. got it.