JSFiddle - React, Tailwind, and code Playground

HTML

<div class="iconbox">
    <div id="tut-icon">
        <img src="images/tuticon.png" alt="Written Tutorials" />
        <p>Some text</p>
    </div>
    <div id="vid-icon">
        <img src="images/vidicon.png" alt="Video Tutorials" />
        <p>Some text</p>
    </div>
    <div id="add-icon">
        <img src="images/addtuticon.png" alt="Add Tutorials" />
        <p>Some text</p>
    </div>
</div>

CSS

.iconbox {
    height: 128px;
    padding: 20px;
}
.iconbox > div {
    text-align: center;
    width: 128px;
    display: inline-block;
}
.iconbox p {
    margin: 0;
}