JSFiddle - React, Tailwind, and code Playground

HTML

<div class="banner">
  <div class="container">
    <h1 class="title">Top 5 projetos de programação para colocar o seu conhecimento em prática (Parte 2)</h1>
  </div>
  <div>
    <h1>
    Testes e tals cheio de conteúdo irrelevante para qualuqer um!
    </h1>
  </div>
</div>

CSS

*{
  margin:0;
  padding:0;
  box-sizing:border-box
}

body{
  font-family:sans-serif;
}

.banner{
  min-height:100vh;
  background-color:lightblue;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center
}

.container{
  margin:0 auto;
  width:100%;
  max-width:75%;

}

h1{
  margin:25px 0;
  padding:25px 0;
  font-size:36px;
  text-align:center
}