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 {
float: left;
width: 100%;
height: 250px;
background-color: #999;
border-top: 5px solid #ffc600;
border-bottom: 5px solid #ffc600;
overflow: hidden;
}

    .vid_img {
    float: left;
    display: block;
    width: 370px;
    height: 250px;
    clear: none;
    }