Sample HTML and CSS Code:
<div class="main-div">
<div class="leftside">
<div class="leftside-1">
<div class="leftside-1a">1a</div>
<div class="leftside-2a">2a</div>
</div>
<div class="leftside-2">2</div>
<div class="leftside-3">
<div class="leftside-1c">1c</div>
<div class="leftside-2c">2c</div>
</div>
</div>
<div class="rightside">
</div>
</div>
CSS Styles:
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 10px;
}
.main-div {
width: 100vw;
min-height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/* More CSS styling rules here */