Não tenho muito conhecimento em html ou css.
Quando minimizo a tela ou mudo a resolução, o container não segue o mesmo padrão. Da seguinte forma:
Minimizado:
Por que isso ocorre e qual a melhor forma de corrigir? Desde já agradeço a atenção.
segue como está no css:
#containerForm{
float: right;
width: 1050px;
background: tomato;
}
Coloquei esse fundo vermelho só para melhorar a visualização
Trecho html:
<div id="containerForm">
<form action="." method="POST">
{% csrf_token %}
{{ form.as_p }}
<button type="submit">Simular</button>
</form>
</div>
float:left;
edisplay:inline-block;
.