JSFiddle - React, Tailwind, and code Playground

HTML

<div class="columns">
    <div class="icon">First</div>
    <div class="icon">Second</div>
    <div class="icon">Third</div>
    <div class="icon">Fourth</div>
    <div class="icon">Fifth</div>
</div>

<div class="columns columns2">
    <div class="icon">First</div>
    <div class="icon">Second</div>
    <div class="icon">Third</div>
    <div class="icon">Fourth</div>
    <div class="icon">Fifth</div>
</div>

CSS

.columns { max-width: 100px; display: inline-block; vertical-align: top; margin: 0.5em;}
.columns .icon { display: inline-block; width: 80px; height: 80px; background-color: lightblue; margin: 10px }

.columns2 { max-width: 220px; background-color: #EEE }