Hace poco me encontré con un bug en nuestra landing page que causaba un extraño espacio en blanco en la parte derecha:

Landing page espacio en blanco extra del lado derecho

Busqué por un par de horas intentando encontrar algún espacio creado por CSS o algún elemento mal acomodado em my HTML, pero no pude encontrar nada fuera de lugar. El espacio en blanco ni siquiera estaba dentro del elemento de <html> de la página 🧐

Después encontré este post y rápidamente encontré el problema. Éste post sugiere unos estilos de CSS para hacer visible los elementos fantasma 👻:

* {
  background: #000 !important;
  color: #0f0 !important;
  outline: solid #f00 1px !important;
}

Con esto pude encontrar la sección que estaba causando el problema:

Landing page con elementos fantasma visibles

Al final, fue cuestión de unos elementos de HTML que no concordaban.

Si hubiese utilizado estos estilos de CSS para debuggear desde un inicio, me hubiese ahorrado un par de horas de trabajo 🤦🏻‍♂️