<div class="columns">
<div class="column main-column">
2/3 column
</div>
<div class="column">
1/3 column
</div>
</div>
html {
font-family: sans-serif;
}
.columns {
display: flex;
}
.column {
background: #eee;
border: 5px solid #ccc;
flex: 1;
padding: 20px;
}
.main-column {
flex: 2;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.