JSFiddle - React, Tailwind, and code Playground

by Manju06

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
          
<div class="header">
  <h1>Header</h1>
</div>

<div class="row content">
  <p> Hello World </p>
  <img src="https://upload.wikimedia.org/wikipedia/commons/8/89/Portrait_Placeholder.png">
</div>

CSS

body, html {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0;
}

.content {
  height: 80%;
  background-color: red;
  display:flex;
  justify-content:space-around;
}

img{
 max-width: 100%;
        max-height: 100%;
        display: block;
}