Divisão na tela

Oi Simone, tudo bem?

Pelo jeito a divisão que tu tá vendo no final da página provavelmente é porque o degradê tá se repetindo. Vou te explicar como resolver isso.

O linear-gradient é uma imagem de fundo e, por padrão, ela se repete pra cobrir todo o elemento que tá com ela. E aí que pode rolar a divisão.

Mas fica suave, tem um jeito de impedir essa repetição e fazer com que o degradê cubra o fundo do corpo inteiro sem divisões.

O que tu pode fazer é adicionar a propriedade background-size no teu código, e definir ela como cover. Dá uma olhada como fica:

body {
  background-image: linear-gradient(45deg, #c8d0d3, #7db4ce);
  background-size: cover;
}

O background-size: cover; vai fazer com que o degradê se ajuste pra cobrir todo o corpo da página sem repetições. Assim, tu não vai ver essa divisão indesejada no final.

Espero que isso resolva a parada e que teu trabalho na faculdade saia show! Qualquer coisa, tamo aqui.

Oiii Guilherme!!

Muito obrigada.. eu estava quebrando a cabeça com algo simples..

Obrigada mesmo.

Abs.