<div class="hero">
<h1>The biggest blockbuster of all time</h1>
<p>Witness on screens near you!!</p>
</div>
.hero {
height: 200px;
background: skyblue;
display: grid;
justify-items: center;
align-items: center;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.