Check out this snippet of HTML code:
<div class="col-2">
<div class="leftcol ">
<h3>When you see a puzzle</h3>
<div class="image">
<img alt="img" src="images/sreak1.jpg" width=75% height=75%>
<h3>It scares me </h3>
</div>
<div class="image">
<img alt="img" src="images/panda1.jpg" width=75% height=75%>
<h3>I have to solve it</h3>
</div>
<div class="image">
<img alt="img" src="images/sreak2.jpg" width=75% height=75%>
<h3>I consult with my friends</h3>
</div>
</div>
</div>
I've noticed that when I apply a background to "leftcol", there is an area in the "col-2" where the background does not cover (it seems like "col-2" is larger than "leftcol", and there is still space under "leftcol" within "col-2" that is not part of "leftcol"). How can I fix this issue? Here's my CSS code:
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing:border-box;
box-sizing: border-box;
}
.leftcol{
background-color:rgb(260,60,30);
}
.col-2{
width:16.66%;
}