JSFiddle - React, Tailwind, and code Playground

by Thiago Diniz

HTML

<div class="container">
    <div class="automakerWrapper">
        <ul>
            <li>
                <a href="#">
                    <img src="http://img3.wikia.nocookie.net/__cb20100516075848/logopedia/images/thumb/2/25/BMW_logo.png/600px-BMW_logo.png" alt="" title="" height="50" width="50"/>
                </a>
            </li>
            
            <li>
                <a href="#">
                    <img src="http://www.mondakmotorsports.com/images/pages/manufacturer-promotions/honda-logo.png" alt="" title="" height="50" width="50"/>
                </a>
            </li>
            
            <li>
                <a href="#">
                    <img src="http://gambarmesin.com/wp-content/uploads/2014/10/kawasaki-motorcycle-logo-png.png" alt="" title="" height="50"/>
                </a>
            </li>
            
            <li>
                <a href="#">
                    <img src="http://www.kasinski.com.br/novo/wp-content/themes/kasinski/img/logo_kasinski.png" alt="" title="" height="40"/>
                </a>
            </li>
            
            <li>
                <a href="#">
                    <img src="http://2.bp.blogspot.com/-RXTrqVsq_cc/Ux13845BOCI/AAAAAAAAAmI/8guB8vaBDkw/s1600/logo-suzuki2.png" alt="" title="" height="50"/>
                </a>
            </li>
            
            <li>
                <a href="#">
                    <img src="http://www.triumphmotorcycles.com.au/images/PrintLogoLockup.png" alt="" title="" height="50"/>
                </a>
            </li>
            
            <li>
                <a href="#">
                    <img src="http://www.powersportsupply.co/product_images/f/673/yamaha-snowmobile-logo-big__58813.jpg" alt="" title="" height="50"/>
                </a>
            </li>
        </ul>
    </div>
</div>

CSS

*{box-sizing: border-box; list-style:none; text-decoration:none; font-family:sans-serif; color:#333;}

body,html{
    margin:0 auto;
    height:100%;
    width:100%;
    box-sizing: border-box;
}

.container{
    margin:0 auto;
    height:100%;
    max-width:990px;
    background:#f2f2f2;
    position:relative;
    overflow:hidden;
}

.automakerWrapper{
    margin:10% 0 0 0;
    height:auto;
    width:100%;
    border:1px solid #333;
    float:left;
    position:relative;
    display:flex;
    justify-content:center;
    background:#FFF;
}

li{
    margin:15px;
    text-align:center;
    float:left;
}

li:first-child{margin-left:0;}

li:last-child{margin-right:0;}

li img{width:100%;}