JSFiddle - React, Tailwind, and code Playground

by Ironsmith

HTML

<div id="randomContainer">
    <div id="imageContainer">
        <img src="https://picsum.photos/seed/1/100" alt=""/>
        <img src="https://picsum.photos/seed/2/100" alt=""/>
        <img src="https://picsum.photos/seed/3/100" alt=""/>
        <img src="https://picsum.photos/seed/4/100" alt=""/>
    </div>
    <div id="navigationContainer">
        <!-- navigation stuff -->
    </div>
</div>

CSS

div#imageContainer {
    height: 160px;  
    align-items: flex-end;
    display: flex;
    
    /* Example colour to show imageContainer size */
    background-color: lightgrey;
}