Ajuda com ajuste de background

Saudações gujizeiros, tenho uma página de checkout no meu site que é dividida em duas partes, uma sidebar bem grande que ocupa metade da tela, e um form que ocupa a outra parte, porém tem um problema…
A minha sidebar tem uma imagem de background que toda vez que a parte do formulário estende na altura, ela desajusta dessa forma:

Alguém sabe como posso fazer com que as duas telas expanda na altura juntas ?

Sidebar:

style="background: url('https://s3.amazonaws.com/=-static/instituicoes/background/<%= institution.background %>') no-repeat center center; background-size: cover; " <% } %>>

<%= institution.title %>

<%= institution.subtitle %>

<%= institution.question %>

FORM:

<% include ./donation-steps/login %>

<% include ./donation-steps/subscription_info %>

<% include ./donation-steps/payment_info %>

<% include ./donation-steps/user_info %>

<% include ./donation-steps/success.ejs %>

STYLE QUE USO ATUALMENTE:

background: url(*) no-repeat center center;
background-size: cover;

}

style.min.css:1

.subscription-page .sidebar {

text-align: center;
padding: 2%;

}
.subscription-page .sidebar {

height: 100vh;
text-align: center;
padding: 2%;

4 Respostas

Hundea 10 de jul. de 2019

define algumas divs ou porta o codigo.

danieldejesus 11 de jul. de 2019 1 like

Quando tenho esse problema uso o corel ou ps para deixar o formato da imagem o mais próximo do formato da div, e uso:

.div img{
    width: 100%;
    height: 100%;

}

YungBLK 11 de jul. de 2019

Vou editar Hundea !!

YungBLK 11 de jul. de 2019

então Daniel, Obrigado pela resposta.
Na verdade, minha imagem fica no formato e tamanho ideal da div, porém a página muda de altura em determinados pontos, dai eu queria que a imagem de background mudasse junto. Queria que ela “esticasse”.

4 Respostas

Topicos relacionados