JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://use.fontawesome.com/releases/v5.2.0/js/all.js"></script>


<div class="container_wrap">
  <div class="breadcrumb">1111</div>
  <h2 class="a"><a href="#"><i class="fab fa-android"></i></a></h2>
  <aside></aside>
  <article>content</article>
</div>

CSS

body{margin:0;padding:0;}
.container_wrap {
  background:pink;
  width:100%;
  margin:0 auto; position:relative;
  padding:0;
}
.breadcrumb {background:red;position:absolute;top:0;right:0;}
h2 {background:yellow;width:100%;height:30px;}
.content_wrap {
  position:relative; width:100%;;
}
.content_wrap:after {display:block;clear:both;content:'';}
aside {
  background:#34495e;
  float:left; width:100px;height:400px;content:'f068';font-size:40px;color:red;
}
.content {
  background:##4ea7ff;
  float:right;
}
.fa-android {color:purple;font-size:30px;position:absolute;top:10px;left:10px;}
.fa-angle-left {font-size:40px;color:beige;background:none;}
.fa-calendar-alt {color:#fff;background:none;font-size:40px;font-weight:100;}