@lonata

Как сверстать такую таблицу из логотипов?

Как делают такое блочное расположение логотипов, по типу таблицы,чтобы все было ровно?

Я сделал это на flex-box, но у меня получилось много строк кода. Я каждый логотип делал display:block и применял border, и каждому такому блоку применял nth-child() где настраивал padding и убирал border, где это необходимо.

Хотелось бы по-другому методу как-то сделать, чтобы оптимизировать процесс

5af2a7a655a7b049235609.jpeg
  • Вопрос задан
  • 271 просмотр
Решения вопроса 1
@BitRouter
Google, запрос: Flexbox css
<style>
* {margin:0;padding:0}
.rowbox {
     display:flex;
     flex-wrap:wrap;
     justify-content:flex-start
}
.col {
     box-sizing:border-box;
     border:1px solid #333;
     width:calc(100% / 5);
     height:100px;
}
</style>
<div class="rowbox">
  <div class="col">Logo</div>
  <div class="col">Logo</div>
  <div class="col">Logo</div>
  <div class="col">Logo</div>
  <div class="col">Logo</div>
  <div class="col">Logo</div>
  <div class="col">Logo</div>
  <div class="col">Logo</div>
  <div class="col">Logo</div>
  <div class="col">Logo</div>
  <div class="col">Logo</div>
</div>
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@ZENbZ
Начинающий веб-разработчик, чуточку программист
Как вариант тыц
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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