Espaços em branco sobrando e ajuste de seções

Para corrigir espaços indesejados e dimensionar seções/containers, ajuste preenchimento, margem (inclusive negativa) e a largura nas configurações avançadas.

Quando acontece

A página tem espaço em branco sobrando, a seção/container está larga ou estreita demais, ou um elemento precisa ser puxado para cima.

Causa

Preenchimento (padding) excessivo na seção, largura mal definida do conteúdo, ou ausência de ajuste de margem causam o desalinhamento.

Solução

1. Selecione a seção/container e diminua o preenchimento (padding) onde houver espaço sobrando; ajuste o tamanho do container.

2. Para a largura, selecione a seção/componente, vá em configurações avançadas e use a opção de 'largura total' ou defina a largura desejada (ex.: 90% ou 100%).

3. Para puxar um elemento para cima, use margem negativa e aumente o preenchimento inferior, em vez de depender só de margens.

4. Ajuste por dispositivo (desktop, tablet, mobile), pois geralmente é feito elemento por elemento.

5. Confira a responsividade depois de mexer na largura.