JSFiddle - React, Tailwind, and code Playground

HTML

<div class="master">
    <div>11</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
    <div>6</div>
    <div>7</div>
    <div>8</div>
</div>

CSS

.master {
	border: solid 1px #000;
	max-width: 33%;
    font-size: 0;
}

.master div {
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 10px;
    width: 100%;
    height: 100%;
    background-color: #229922;
    font-size: 40px;
}


body{
    color: white;
}