JSFiddle - React, Tailwind, and code Playground

by dan_elision

HTML

<div class="icons__container">
  <div class="icons__block">
    <div class="icons__item"></div>
    <div class="icons__item"></div>
    <div class="icons__item"></div>
    <div class="icons__item"></div>
    <div class="icons__item"></div>
    <div class="icons__item"></div>
    <div class="icons__item"></div>
    <div class="icons__item"></div>
    <div class="icons__item"></div>
  </div>
  
</div>

CSS

.icons__container {
  height: 80vh;
  width: 80vw;
}

.icons__block {
  width: 50%;
  padding: 5px;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.icons__item {
  width: 30px;
  height: 30px;
  margin: 10px;
}

/* Unimportant */
.icons__container {
    background-color: green;
}

.icons__block{
    background-color: yellow;
}

.icons__item {
    background-color: blue;
}