@Sennarion

Как правильно сверстать эти блоки?

Добрый день. Вопрос банально простой, тем не менее решений есть много - какой из них верный я не знаю. Есть 6 блоков, между которыми есть border 1 px, снаружи бордеров нету. Как такие блоки правильно верстать, чтобы при адаптиве бордер между блоками сохранялся? Понятно, что можно прописать нужный бордер каждому итему отдельно, а потом в медиа-запросах каждый раз переписывать. Но я думаю, что есть какое-то более универсальное решение, может кто в курсе? https://jsfiddle.net/zkncb8vt/

6083cd2f497ac860413057.png
  • Вопрос задан
  • 103 просмотра
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 2
примените ячейкам классы
https://getbootstrap.com/docs/5.0/utilities/borders/
<span class="border"></span>
<span class="border-top"></span>
<span class="border-end"></span>
<span class="border-bottom"></span>
<span class="border-start"></span>

У них должды быть и отзывчивые варианты.
Ответ написан
lDNFW
@lDNFW
Начинающий верстальщик :)
Просто каждый блок ставьте в колонках.

<div class="col-3">Block1</div>
<div class="col-3">Block2</div>
<div class="col-3">Block3</div>
<div class="col-3">Block4</div>
<div class="col-3">Block5</div>
<div class="col-3">Block6</div>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы