JSFiddle - React, Tailwind, and code Playground

HTML

<div class="gallery"> <a href="#"> <img class="normal" src=""/> </a>
 <a href="#"> <img class="wide" src=""/> </a>

</div>

CSS

.gallery {
    background-color: #abcdef;
}
.gallery img {
    display: inline-block;
    margin-left: 20px;
    margin-top: 20px;
}
.normal {
    height: 160px;
    width: 110px;
    border: 5px solid black;
}
.wide {
    height: 160px;
    width: 280px;
    border: 5px solid black;
}

a{display:inline-block;}