JSFiddle - React, Tailwind, and code Playground

HTML

<div class="master">
    <div>1</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: 500px;
    font-size: 0;
    display: inline-flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}

.master div {
    border-radius: 50%;
    margin: 10px;
    width: 100px;
    height: 100px;
    background-color: #229922;
    font-size: 40px;
}


body{
    color: white;
}