JSFiddle - React, Tailwind, and code Playground

by chris_tsongas

HTML

<div id="container">
    <div id="large-image">
        <img alt="Featured" class="photo" src="http://cdn11.g5search.com/assets/227020/featured.jpg?1389838869">
    </div>
    <div class="small-image first">
        <img alt="Featured-thumb-1" class="thumbnail" src="http://cdn11.g5search.com/assets/227021/featured-thumb-1.jpg?1389838877">
    </div>
    <div class="small-image second">
        <img alt="Featured-thumb-2" class="thumbnail_2" src="http://cdn11.g5search.com/assets/227022/featured-thumb-2.jpg?1389838883">
    </div>
    <div class="small-image third">
        <img alt="Featured-thumb-3" class="thumbnail_3" src="http://cdn11.g5search.com/assets/227023/featured-thumb-3.jpg?1389838889">
    </div>
</div>

CSS

#container {
    background-color: #333333;
    max-width: 445px;
    line-height: 0;
}
#large-image {
    background-color: #999999;
    max-width: 72%;
    float: left;
}
.small-image {
    background-color: #cccccc;
    max-width: 28%;
    float: right;
    line-height: 0;
}
.second, .third {
    margin-top: 4.5%;
}