diff --git a/scripts/script.js b/scripts/script.js index 8424f10..6257c23 100644 --- a/scripts/script.js +++ b/scripts/script.js @@ -335,7 +335,7 @@ pagarButton.addEventListener('click', () => { setTimeout(() => { - //window.location.reload(true) + window.location.reload(true) }, 3000) }) \ No newline at end of file diff --git a/style.css b/style.css index 489be48..b966454 100644 --- a/style.css +++ b/style.css @@ -470,4 +470,81 @@ header .perfil img.profile-menu { display: flex; justify-content: center; +} + +@media (max-width: 991.98px) { + + body { + + display: initial; + } + + .menu-lateral { + + width: 100%; + } + + header { + + width: 100%; + } + + .pagina-principal .tienda { + + flex-direction: column; + } + + .pagina-principal .tienda .primer-columna { + + width: auto; + } + + .pagina-principal .primer-columna .botones-de-descuento { + + width: 96vw; + } + + .pagina-principal .primer-columna .botones-de-descuento button { + + width: calc(calc(96vw / 2) - 0.5vw); + } + + .pagina-principal .tienda .segunda-columna { + + width: auto; + margin: 0px 1vw; + } + + .pagina-principal .tienda .segunda-columna .exposicion-de-productos .productos .producto { + + width: 20vw; + } + + .pagina-principal .segunda-columna .sub-menu { + + margin-bottom: 1vh; + } + + .pagina-principal .segunda-columna .sub-menu .opciones-de-pago{ + + width: calc(26.5vw * 3); + } + + .pagina-principal .segunda-columna .sub-menu .opciones-de-pago .opcion { + + width: 24.5vw; + } + + .pagina-principal .segunda-columna .sub-menu .pagar.button { + + /* width: calc(99vw - calc(26vw * 3)); */ + width: calc(96vw - calc(26.5vw * 3)); + } + + #mensaje-compra-container { + + top: 0; + + height: 195vh; + } } \ No newline at end of file