Art Craft store site tips on html css

Lessons learned while building Art and Craft Store shop website.

First step, after getting the redline mock-up is to write all the content down and create it semantically.

    <header>
      <h1>Dasmoto's Arts & Crafts</h1>
    </header>

    <main>
      <section>
        <h2>Brushes</h2>
        <img src="./resource/hacksaw.jpeg" alt="white beige paint brush stacked">
        <h3>Hacksaw Brushes</h3>
        <p>
          ...<span class="price bold">$3.00 / brush.</span>
        </p>
      </section>
      <section>
       ...
      </section>
      <section>
        ...
      </section>
    </main>

I added background-image to wrapper component of h1.

<header>
  <h1>Dasmoto's Arts & Crafts</h1>
</header>

• remember to add quotes around img path for the url css function.

header {
  background-image: url("./resource/pattern.jpeg");
}