responsive 2

by Gunturu Vamsi Pavan Mahesh

HTML

<div class="container">
  
  <section>
    This is supposed to be a section
  </section>
  <aside>
    This is supposed to be aside
    
  </aside>
  
</div>

CSS

.container{
  width: 100%;
  background: red;
  height: 25%;
}

.container::before,
.container::after{
  content: "";
  display: table;
  
}

.container::after{
  clear: both;
}

section{
  float: left;
  width: 40%;
  height: 100%;
  display: block;
}

aside{
  float: right;
  width: 40%;
  height: 80%;
}

section, aside{
  background: green;
  border-radius: 6px;
  margin: 5%;
}