JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
  <div>
    <h1>
    a
    </h1>
    <img src="http://placehold.it/350x150" />
    <input type="text" name="a" />
    <input type="text" name="b" />
    <button>
      a
    </button>
  </div>
</div>

CSS

#container {
  display: flex;
  justify-content: center;
}

#container div {
  padding: 25px;
  background: blue;
  color: white;
  width: 500px;
  display: flex;
  flex-direction: column;
}

#container div h1 {
  display: flex;
  justify-content: center;
}

#container input,
#container button {
  width: 75%;
}
#container img {
   
    display: flex;
    justify-content: center;
    width: 350px;
}