JSFiddle - React, Tailwind, and code Playground

by huskydawgs

HTML

<div class="container-5col">
    <div class="box-5col-1">
        <img src="http://cdn.gottabemobile.com/wp-content/uploads/2012/05/sprint-logo1-620x308.jpg" alt="Sprint" width="115" height="67" /></div>
    <div class="box-5col-2">
        <img src="http://cdn-3.famouslogos.us/images/bank-of-america-logo.jpg" alt="Bank of America" width="179" height="30" /></div>
    <div class="box-5col-3">
        <img src="http://www.underconsideration.com/brandnew/archives/Dell_Logo_Tagline.jpg" alt="Dell" width="92" height="94" /></div>
    <div class="box-5col-4">
        <img src="http://www.unitedrentals.com/static/images/ur-logo.png" alt="United Rentals" width="146" height="39" /></div>
    <div class="box-5col-5">
        <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/Ford_Motor_Company_Logo.svg/2000px-Ford_Motor_Company_Logo.svg.png" alt="United Rentals" width="117" height="45" /></div>
</div>

CSS

.container-5col {
    display: flex;
    justify-content: center;
}

    .container-5col > div {
        margin: 10px;
        padding: 10px;
        text-align: center;
    }

    .box-5col-1 {
        width: 20%;
    }

    .box-5col-2 {
        width: 20%;
    }

    .box-5col-3 {
        width: 20%;
    }

    .box-5col-4 {
        width: 20%;
    }

    .box-5col-5 {
        width: 20%;
    }