Expected behavior i used col-md-8 and col-md-4 there should be no space between rec class and rec2 class Actual behavior there is a gap that i dont want between col-md-8 and col-md-4 Resources (screenshots, code snippets etc.)

<div class="container-fulid">
  <div class="row">
<div class="col-md-8 col-sm-12">
  <div class="rec"></div>
</div>
<div class="col-md-4 col-sm-12">
  <div class="rec2"></div>
  <div class="rec3"></div>
</div>
</div>

CSS

.rec {
background-color: #F10818;
width: 566;
height: 90vh;

} .rec2 { margin-left: 0px; background-color: #FFED00; width: 572px; height: 45vh;

} .rec3 { background-color:#FFED00; width: 572px; height: 45vh; }