Dasmoto's Arts & Crafts: My HTML file displays a blank page when I open in browser

My HTML file displays a blank page when I open in browser. Any feedback would be appreciated. Below are my HTML & CSS code. I’m using Safari.

<!--<!DOCTYPE html>

<html>
<head>
  <meta charset="utf-8">  
  <link rel="stylesheet" type="text/css" href="dasmoto.css">
</head>

  <body>
    <h1>Dasmoto's Arts & Crafts</h1>
      <div class="item">
        <h2 id= "brush">Brushes</h2>
          <img src="https://content.codecademy.com/courses/freelance-1/unit-2/hacksaw.jpeg" alt="Hacksaw Brushes laying on table.">
            <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>
      <div class="item">
        <h2 id= "frame">Frames</h2>
          <img src="https://content.codecademy.com/courses/freelance-1/unit-2/frames.jpeg" alt="An arrangment of colored 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 class="price">Starting at $2.00 / frame.</span></p>
      </div>
      <div class="item">
        <h2 id="paint">Paint</h2>
          <img src="https://content.codecademy.com/courses/freelance-1/unit-2/finnish.jpeg" alt="Table of paint brushes and bottles.">
            <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>
h1 {
  font-family: Helvetica;
  flow-from: 100px;
  font-weight: bold;
  color: khaki;
  text-align:center;
  background-image: url("https://content.codecademy.com/courses/freelance-1/unit-2/pattern.jpeg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

h2 {
  font-family: Helvetica;
  font-size: 32px;
  font-weight: bold;
  color: white;
}

#brush {
  background-color: mediumspringgreen;
}

#frame {
  background-color: lightcoral;
}

#paint {
  background-color: skyblue;
}

.price {
  font-family: Helvetica;
  font-weight: bold;
  color: blue;
}

Hi, @jasontaylor70. Check out the first few characters of your HTML file. I think you may have accidentally commented out the page.

Here’s a site with an example HTML comment so you can compare: HTML Comments

2 Likes

Thank you so much! Stupid mistake.

This topic was automatically closed 41 days after the last reply. New replies are no longer allowed.