Solucionado
Estou tendo problemas para alinhar o textos na page... Segue o link do Github: https://github.com/paulosergios/7-daysofcode/tree/d9d20eb35cca630ae1aaa43cf74e19848505a843
"Vagas Abertas!" não está alinhando horizontalmente aos demais, queria resolver sem forçar com um padding, por exemplo.
Salve Paulo,
O desalinhamento em 400+ acontece pq a div que engloba o conteúdo está usando display: grid; fazendo com que o espaço seja distribuído entre os itens. Uma solução possível pra isso é alterar o display para flex e definir o flex-direction como column, então sua classe ficaria assim:
.segunda__secao div {
display: flex;
flex-direction: column;
width: 20%;
row-gap: 0.3em;
}Ainda nessa sessão, notei que está usando h1 para todos os títulos e isso não é uma prática recomenda, o certo é que cada página tenha apena um titulo h1, então recomendo que altere estes para algum outro entre h2 e h6.
Já no texto de "Vagas Abertas!" você definiu a largura em 10vw, ou seja, 10% da largura da tela, por isso o text-center não consegue alinha-lo ao meio da página. Sendo assim, você poderia usar o margin: 0 auto; pra fazer esse alinhamento.
Espero ter ajudado, abraços!