flex-basis

by davidpauljunior

HTML

<div class="container">
    <div class="main">Main content</div>
    <div class="sidebar">Sidebar content</div>
</div>

CSS

body {
  margin: 0;
}

.container {
  display: flex;
  flex-flow: row;
}

.main {
  background-color: red;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 75%;
}

.sidebar {
  background-color: yellow;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 25%;
}