LISTO !! haha , tanto pensar para que en un rato sin pensar en ello te llegue un codigo a la cabeza y listo
miren lo que hice:
Solamente quite el contenedor en donde se encuentra el div(diagonal) y ya ! y al body le pongo overflow hidden y ya !.
Código:
<!-- <div class="containers"> -->
<div class="rotate bg-gray"></div>
<!-- </div>
Quite el contenedor y deje solo al div.rotate que seria la diagonal.
Creo que es asi como juegan con ese tipo de fondos diagonales ! :), bueno, no los fastidio mas por ahora.
Gracias y saludos hahaha