Centrar un div ya no es suficiente: los navegadores añadieron barras laterales
We finally learned to center a div, then browsers added sidebars
Centrar un div solía requerir un ritual con position: absolute y transform. Ahora basta con display: grid y place-items: center, pero el autor descubrió que su sitio se veía descentrado cuando el navegador mostraba una barra lateral. La solución no era trivial: necesitaba conocer la posición exacta de la ventana del navegador dentro de la pantalla. Tras probar con window.innerWidth y outerWidth, encontró la clave en los eventos de puntero, que revelan la posición del viewport. El autor comparte su técnica y presenta 'center, actually', una herramienta para corregir el centrado en cualquier página.
Con la barra lateral a la izquierda, podía mover .site de vuelta por la mitad de esa diferencia.