Background não se ajusta

[victormgons 0]

Olá, sou novo em CSS e HTML e estou com uma pequena dúvida, na minha página, quando o conteúdo passa do tamanho da tela e eu rolo para baixo, o background fica "bugado".

Print: http://prntscr.com/d28esp

O que posso fazer para arrumar isso?

[L. Henrique 179]

Victor,

O degradê (gradient) vai sempre se limitar a altura e começar a se repetir durante a extensão da sua página. Para isso você precisa definir a altura da sua div (a wrapper que compõe seus inputs).

Exemplo:

.div {
   /* Aqui vai todo aquele seu código do gradient */
   height: auto;
}

Quando você define height: auto, ele vai se ater a altura do conteúdo dos filhos. Você também pode definir em pixels, porcentagem ou viewport height.

Exemplos:

• 100px;
• 100%;
• 100vh.

Veja uma documentação da funcionalidade de VH (Viewport Height) e de VW (Viewport Width): http://desenvolvimentoparaweb.com/css/unidades-css-rem-vh-vw-vmin-vmax-ex-ch/

Abraços!