<div class="container">
<div class="sidebar">SIDEBAR</div>
<div class="content">CONTENT Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum laudantium numquam consectetur, obcaecati, aperiam dolores recusandae ex voluptatem soluta dignissimos autem asperiores molestiae. Suscipit error libero eius sunt perferendis aut?
Accusantium repudiandae at voluptate maiores quam iusto libero facilis esse! Accusamus, fugit aliquid? Ducimus expedita exercitationem rem vel quod magnam molestias maxime, voluptates labore et eligendi delectus similique sunt fugit.</div>
</div>
.container {
width: 100%;
max-width: 500px;
margin: auto;
display: flex;
}
.sidebar {
background: yellow;
width: 150px;
flex-shrink: 0;
}
.content {
background:red;
}
View Compiled
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.