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");
}
Top comments (0)