JSFiddle - React, Tailwind, and code Playground

HTML

<div class="hero_image">
    <h1>Heading <br>more text <br>last bit of text</h1>
</div>

CSS

.hero_image {
    min-height:100vh;
    background-color:yellow;
    display: flex;
    align-items: center;
    justify-content: center;
    }

.hero_image h1 {
    font-size:72px;
    padding-top:20px;
    }

body {
  margin:0;
}