JSFiddle - React, Tailwind, and code Playground

by Sergey Linnick

HTML

<div class="container">
  <div class="header">header</div>
  <div class="content">
    <div class="sidebar">sidebar</div>
    <div class="main">
      <div class="w100">
        main sdgfsd fasfasdfasdf afasdfasdf
      </div>
    </div>
  </div>
  <div class="footer">footer</div>
</div>

CSS

div{
  padding:2px;
  border:1px solid;
}
.container{
	display: inline-block;
	white-space: nowrap;
}

.sidebar, .main{
	display:inline-block;
}

.sidebar{
	width: 100px;
}