JSFiddle - React, Tailwind, and code Playground

by yosun

HTML

<body>


<div class="flexbox">
<img class="alignbottom" src="https://via.placeholder.com/350x550" />
</div>

</body>

CSS

body{
  width:100%;
  height:100%;
}
.flexbox{
    display:flex;
  justify-content:center;
  align-items:flex-end; 
}
.alignbottomcenter{
  width:50%;height:50%;
  max-width:50%;max-height:50%;
  display:flex;
  justify-content:center;
  align-items:flex-end; 
  
}