JSFiddle - React, Tailwind, and code Playground

by frapporti

HTML

<article>
    <img src="http://placehold.it/200x800">
</article>
<article>
    <img src="http://placehold.it/800x800">
</article>
<article>
    <img src="http://placehold.it/100x300">
</article>
<article>
    <img src="http://placehold.it/200x300">
</article>
<article>
    <img src="http://placehold.it/300x1200">
</article>
<article>
    <img src="http://placehold.it/2200x800">
</article>

CSS

* {
    margin: 0;
    padding: 0
}
article {
    overflow: hidden;
    display: inline-block;
    border: 1px solid;
}
img {
    max-width: 40%;
    max-height: 65%;
}