How to make such a table from logos?

Question

css

How do they make such a block arrangement of logos, like a table, so that everything is even?
I did it on flex-box, but it ended up with a lot of lines of code. I made each logo display:block and applied a border, and applied nth-child() to each such block where I adjusted the padding and removed the border where necessary.
I would like to do something differently to optimize the process

Answer 1

Google, request: 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

As an option tyts