I am currently facing an issue with a gap that I can't seem to fix right now. Below, you will find a screenshot along with the HTML and CSS code that I have used.
Despite trying various methods and looking for solutions on platforms like Youtube and StackOverflow, I have not been able to find a resolution for this particular problem.
The highlighted red X indicates the space where the left div should be positioned:
*{
margin: 0%;
}
body{
background-color: blanchedalmond;
}
/* CSS code snippet goes here */
<body>
<div class="head">
<div class="headelement">
<h1>Head Div</h1>
</div>
</div>
<div class="leftsidebar">
<div class="leftdiv">
<div class="leftelement"> <h1>Left Div</h1></div>
</div>
</div>
<div class="welcomeDiv">
<div class="welcomeelement">
<h1>Welcome Div</h1>
</div>
</div>
<div class="innerdiv">
<div class="innerelement1">
<h1>Inner no.1 div</h1>
</div>
<div class="innerelement2">
<h1>Inner no.2 div</h1>
</div>
</div>
<div class="footerdiv">
<div class="footerelement">
<h1>Footer full width div </h1>
</div>
</div>
</body>