JSFiddle - React, Tailwind, and code Playground

by vivek sharma

HTML

<div class="main_div">
                        <img src="" class="big_img">
                        <div class="clearfix"></div>
                         <img src="" class="small_img">
                     </div>

CSS

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

                        .main_div {width: 100%;height:auto;float: left;background:green;
                        }
                        .big_img {background:orange;float: right;width: 100px;height: 100px;}
                        .small_img {background:yellow;float: right;width: 100px;height: 100px;}