Делаю свою первую верстку на флексах, да и вообще недавно верстаю. Появился ступор. Почему-то колонки не преобразуются в сетку, а ведут себя, как обычные дивы. Прикрепляю код:
<div class="container">
<div class="row">
<div class="column sidebar">
<div class="widget">
<p>Widget</p>
</div>
</div>
<div class="column">
<div class="widget">
<p>Widget</p>
</div>
</div>
<div class="column">
<div class="widget">
<p>Widget</p>
</div>
</div>
<div class="column">
<div class="widget">
<p>Widget</p>
</div>
</div>
<div class="column">
<div class="widget">
<p>Widget</p>
</div>
</div>
<div class="column">
<div class="widget">
<p>Widget</p>
</div>
</div>
</div>
</div>
body {
font-family: 'Roboto', sans-serif;
background-color: black;
}
.container {
display: flex;
padding-left: 10px;
padding-right: 10px;
}
.row {
display: flex;
flex: 1 1 1400px;
margin-left: -10px;
margin-right: 0;
}
.column {
flex: 1 1 290px;
}
.widget {
background-color: #fff;
}