JSFiddle - React, Tailwind, and code Playground

by Avi Algaly

HTML

<div class="wrapper">
    <div class="right">
        <img src="http://placehold.it/70X90" />
    </div>
    <div class="inner">
        <img src="http://placehold.it/100X90" />
        <img src="http://placehold.it/190X40" />
    </div>
</div>

CSS

.wrapper {
    background-color:#EAF8FF;
    width:190px;
    height:145px;
    border:solid 1px green;
}
.wrapper .right {
    float:right;
    background-color:#EAF8FF;
    padding-left:10px;
}
.wrapper .right:hover {
    background-color:lime;
}
.inner {
    margin:0;
    padding:0;
}
.inner img {
    padding:1px;
}
.inner:hover {
    background-color:lime;
}