video1.0<iframe src="https://www.loom.com/embed/adbfbd254884498f8c24bd01a13f8582" frameborder="0" width="1728" height="1296" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>12961728Loomhttps://www.loom.com12961728https://cdn.loom.com/sessions/thumbnails/adbfbd254884498f8c24bd01a13f8582-00001.gif215.26666666666662Fala aí, Jackson! Nesse vídeo, eu dei uma olhada no teu projeto e percebi que você está com dificuldades para centralizar uma dívida. Então, eu fiz uma inspeção e identifiquei a ordem dos elementos na seção. Notei que a seção não possui uma classe, mas dentro dela tem o benefício já sinalizado e uma sessão com o título do benefício. Não precisamos mexer na sessão do benefício, pois está correta. O que precisamos fazer é centralizar os elementos dentro da seção. Durante a análise, encontrei algumas coisas curiosas, como um arquivo "status.cs" e um "home.cs" dentro da pasta "styles". Também percebi que o "rome.ccs" não está linkado no "index.html". Vou linkar o arquivo e fazer algumas modificações no "home.css". Depois, organizo tudo por aqui. Não é necessário ter os dois arquivos, pois podemos colocar os elementos principais na seção e o restante apenas na home. Vou mexer na seção da home e utilizar o "display: flex" para centralizar os elementos. Se tiver alguma dúvida ou se não for isso que você queria, me avisa. Estamos juntos! Ah, e aproveito para recomendar o Flexbox Frog, um jogo muito bom para aprender sobre o "display: flex" e flexbox em geral. Vale a pena conferir!