Grid

<style>
    .d-flex {
        justify-content: space-evenly;
        flex-wrap: wrap;
    }

    .ex {
        border: 1.5px solid blue;
        min-width: 100px;
        min-height: 100px;
    }

    .sub {
        min-width: 25px;
        min-height: 75px;
    }
</style>

<div class="d-flex col-md-3 col-2">

    <div class="ex"></div>
    <div class="ex"></div>
    <div class="ex"></div>
    <div class="ex"></div>
    <div class="ex"></div>
    <div class="ex"></div>
    <div class="ex"></div>
    <div class="ex"></div>
    <div class="ex"></div>
    <div class="ex"></div>
</div>
<style>
  .d-flex {
    justify-content: space-evenly;
    flex-wrap: wrap;
  }

  .ex {
    border: 1.5px solid blue;
    min-width: 100px;
    min-height: 100px;
  }

  .sub {
    min-width: 25px;
    min-height: 75px;

  }
</style>

<div class="d-flex col-md-3 col-2">

  <div class="ex"></div>
  <div class="ex"></div>
  <div class="ex"></div>
  <div class="ex"></div>
  <div class="ex"></div>
  <div class="ex"></div>
  <div class="ex"></div>
  <div class="ex"></div>
  <div class="ex"></div>
  <div class="ex"></div>
</div>
/* No context defined for this component. */

There are no notes for this item.