JSFiddle - React, Tailwind, and code Playground

by jblasco

HTML

<div id="video_carousel_full">
    <div class="vid_img" style="background-image: url('http://i42.tinypic.com/124bst0.jpg');"></div>
    <div class="vid_img" style="background-image: url('http://i42.tinypic.com/124bst0.jpg');"></div>
    <div class="vid_img" style="background-image: url('http://i42.tinypic.com/124bst0.jpg');"></div>
    <div class="vid_img" style="background-image: url('http://i42.tinypic.com/124bst0.jpg');"></div>
    <div class="vid_img" style="background-image: url('http://i42.tinypic.com/124bst0.jpg');"></div>
    <div class="vid_img" style="background-image: url('http://i42.tinypic.com/124bst0.jpg');"></div>
</div>

CSS

#video_carousel_full {
    height: 250px;
    background-color: #999;
    border-top: 5px solid #ffc600;
    border-bottom: 5px solid #ffc600;
    overflow: hidden;
}
    #video_carousel_full div.vid_img {
        float: left;
        width: 370px;
        height: 250px;
        background-repeat: no-repeat;
        background-position: top left;
    }