У меня есть три блока в ряд. На большом экране все как и должно быть
Но когда блоки выстраиваются вертикально, возникает проблема - они теряют отступы. Пришлось решить проблему с отступами вот таким образом (код ниже). Но это явно костыль. Как адекватно эти отступы я могу указать?
<style>
.out_block {
height: 350px;
background-color: red;
}
.inner_block {
height: 300px;
background-color:yellow;
}
</style>
<body>
<main>
<section>
<div class="container">
<div class="row">
<div class="col-lg-4"><div class="out_block"><div class="inner_block">Надпись</div></div></div>
<div class="col-lg-4"><div class="out_block"><div class="inner_block">Надпись</div></div></div>
<div class="col-lg-4"><div class="out_block"><div class="inner_block">Надпись</div></div></div>
</div>
</div>
</section>
</main>
</body>
Простой
