JSFiddle - React, Tailwind, and code Playground

by brandoncc

HTML

<div>
    <div class="container">
    <img src="http://placehold.it/350x350" />
    </div>
    <p>Image title</p>
</div>

CSS

div {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid green;
    width: 400px;
    height: 300px;
    }
    
    .container {
  min-height: 0;
}