Тем не менее, есть еще более простое решение с помощью CSS Grid, если вам интересно.
тирую несколько разных макетов с flexbox, и у меня есть следующая проблема.
У меня есть галерея изображений с настроенными элементами Flexflex:0 0 25%;
и я хотел бы добавить к ним маржу в 1px, потому что 1% к большому. Поэтому мне было интересно, что мне делать в этом случае.
Я прилагаю пример ниже.
#foto-container {
display: flex;
flex-wrap: wrap;
flex: 1;
justify-content: space-around;
margin: 10px;
}
.foto {
flex: 0 0 25%;
min-height: 200px;
background-color: red;
}
/*---------How I can add 1px to photo?-----------------*/
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<div id="foto-container">
<div class="foto foto1">1</div>
<div class="foto foto2">2</div>
<div class="foto foto3">3</div>
<div class="foto foto4">4</div>
<div class="foto foto5">5</div>
<div class="foto foto6">6</div>
<div class="foto foto7">7</div>
<div class="foto foto8">8</div>
<div class="foto foto9">9</div>
<div class="foto foto1">1</div>
<div class="foto foto2">2</div>
<div class="foto foto3">3</div>
</div>
Спасибо,