JSFiddle - React, Tailwind, and code Playground

HTML

<div class="table">
    <div class="tablecell">
        <image src="fb.png">
    </div>
    <div class="tablecell">
        <image src="twitter.png">
    </div>
    <div class="tablecell">
        <image src="youtube.png">
    </div>
    <div class="tablecell">
        <image src="apple.png">
    </div>
    <div class="tablecell">
        <image src="email.png">
    </div>
</div>

CSS

.table {
     display:table;
     margin-right:auto;
     margin-left:auto;
     width:100%;
    background-color:green;
 }
 .tablecell {
     display:table-cell;
    text-align:center;
 }