I dont know why, but if I use the figure tag, then there will be a gap between the img and the margin, if I dont, there wont be any problem.I have linked the html code, and a picture of the problematic are on the site. Could someone explain this to me please? Thank you in advance.
<link href="./resources/css/index.css" rel="stylesheet" type="text/css"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>
<header> <h1>Dasmoto's Arts & Crafts</h1> </header> <main> <article> <section> <h3 class="brushes">Brushes</h3> <img class="picture" src="resources/image2.jpeg" alt="Brushes"/> <h4>Hacksaw Brushes</h4> <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>Starting at $3.00 / brush</span>.</p> </section> <section> <h3 class="frames">Frames</h3> <figure> <img class="picture" src="resources/image3.jpeg" alt="frames"/> </figure> <h4>Art Frames (assorted)</h4> <p>Assorted frames made of different material, including MDF, birchwood, and PDE. Select frames can be sanded and painted according to your needs. <span>Starting at $2.00 / frame</span>.</p> </section> <section> <h3 class="paint">Paint</h3> <figure> <img class="picture" src="resources/finnish.jpeg" alt="paint"/> </figure> <h4>Clean Finnish Paint</h4> <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>Starting at $5.00 / tube</span>.</p> </section> </article> </main>