Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Espaço indesejado em branco na lateral direita da tela

Fala Devs,

Estou desenvolvendo uma web app para meu perfil corporativo. Finalizei a parte desktop, porém quanto a parte responsiva, encontro um problema. Usei flexbox e o possivel de unidades de medidas relativas ( porcentagem, em, vw, vh )... Mas no layout responsivo existe um espaço do lado direito da tela que não é detectado no devtool do navegador como elemento e não consigo saber de onde vem. Já testei varias seções do código, tirei os elementos com position: absolut e não consegui isolar o causador do problema. Alguém de vocês já tiveram experiência parecida? Se eu conseguisse um help com isso ficaria imensamente grato!

Link repo: https://github.com/felipesoliver/felipesdev.github.io

Link github pages: https://felipesoliver.github.io/felipesdev.github.io/

2 respostas
solução!

E ai, Felipe! Tudo bem?

Cara, esse espaço ta sendo gerado pelo seu formulário. Quando ele ta escondido e fica à direita, o navegador ta gerando uma barra de rolagem horizontal.

Acho que seria simples de você adicionar um overflow-x: hidden na seu main ou na section para evitar esse efeito colateral.

Abraços!

Poxa Caio, vlw de verdade!

Fiz uma série de testes no código e não tinha conseguido isolar que era esse o motivo do probelma.

Corrigi com a sua orientação e funcionou.

Muito obrigado, forte abraço!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software