Não estou conseguindo utilizar as seguintes divs com as propriedades:
.grid {
display: block;
}
@media (min-width: 992px) {
.grid {
display: flex;
flex-wrap: wrap;
}
}
.column.left {
flex: 4;
background-color: red;
}
.column.right {
flex: 8;
background-color: blue;
}
Eu percebi que se eu remover isto:
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
funciona perfeitamente, mas se eu deixar não funciona, o problema é que eu preciso do box-sizing
<main class="main">
<section class="section">
<div class="container">
<div class="grid">
<div class="column left">a</div>
<div class="column right">a</div>
</div>
</div>
</section>
</main>