Display float layout

by Daniel Beff

HTML

<div class="e1">Logo</div>
<div class="e2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae ab ipsum nesciunt obcaecati ducimus. Autem fugiat provident explicabo possimus iste facilis in similique non, ad, esse veniam magni fuga aliquam!</div>
<div class="e3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eaque, consequatur laboriosam odit ad asperiores. Dignissimos omnis quas vero enim itaque, laboriosam tempora possimus ipsa praesentium, beatae atque porro aliquid. Nam?</div>

CSS

.e1{  background: yellow;}
.e2{  background: blue;}
.e3{  background: purple;}


@media screen and (min-width:600px) {
  .e1,
.e2,
.e3 {}

.e1 {
  width: 20%;
/*   height: 600px; */
  float: left;

  height: 100px;
}

.e2 {
  width: 80%;
/*   height: 600px; */
  float: right;

  min-height: 100px;
}

.e3 {
  width: 20%;
/*   height: 300px; */
  float: left;

}

}