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

Question

[lonata]

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

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

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

Comments

[BitRouter]

https://jsfiddle.net/neh8odeL/ - вариант FlexBox (border CSS)

Answer 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>

Answer 2

[Борис]

Как вариант тыц