From 1afe6c5dccd491b76627edc39371518bb0af6361 Mon Sep 17 00:00:00 2001 From: marccane Date: Wed, 27 Sep 2023 20:37:36 +0200 Subject: [PATCH] remove mediaqueries --- estils.css | 248 ----------------------------------------------------- 1 file changed, 248 deletions(-) diff --git a/estils.css b/estils.css index 082e222..66d47d2 100644 --- a/estils.css +++ b/estils.css @@ -230,251 +230,3 @@ footer{ #comingSoonImg{ width: 100% } - -@media screen and (max-width: 600px) { - .column { - width: 100%; - } - } - -/*MediaQueries*/ -@media screen and (max-width:600px){ - .js .navegacion{ - max-height: 0; - overflow: hidden; - transition: max-height .5s; - position: absolute; - top: 43px; - left: 30px; - right: 30px; - background-color: #d03b40; - border-radius: 10px; - } - - .js .navegacion a{ - padding: 5px 10px; - color: #f5f0ed; - } - - .js .navegacion.menu-desplegado{ - max-height: 250px; - } -} - -@media screen and (min-width:601px) and (max-width: 1100px){ - h1{ - font-size: 40px; - margin-top: 0px; - margin-bottom: 0px; - width: 450px; - margin-left: auto; - margin-right: auto; - } - - h2{ - font-size: 26px; - margin-top: 0px; - margin-bottom: 0px; - width: 350px; - margin-left: auto; - margin-right: auto; - } - - h3{ - font-size: 22px; - margin-left: auto; - margin-right: auto; - } - - p{ - margin-left: auto; - margin-right: auto; - width: 550px; - } - - .js .navegacion{ - max-height: 0; - overflow: hidden; - transition: max-height .5s; - position: absolute; - top: 43px; - left: 30px; - right: 30px; - background-color: #d03b40; - border-radius: 10px; - } - - .js .navegacion a{ - padding: 5px 10px; - color: #f5f0ed; - } - - .js .navegacion.menu-desplegado{ - max-height: 250px; - } - - footer{ - padding: 0px; - float: left; - min-height: 150px; - width: 100%; - position: relative; - } - - footer p{ - position:absolute; - top: 50%; - transform: translateY(-50%); - padding-left: 25px; - } - - .caixa1{ - position: relative; - } - - .textos{ - margin-top: 0px; - position: absolute; - top: 50%; - transform: translateY(-50%); - width: 100%; - float: left; - } - - .caixa2{ - min-height: 250px; - width: 100%; - box-sizing: border-box; - display: grid; - align-content: center; - align-items: center; - justify-content: center; - } - - .caixa3{ - min-height: 250px; - width: 100%; - box-sizing: border-box; - display: grid; - align-content: center; - align-items: center; - justify-content: center; - } - - .caixa2 p{ - width: 415px; - } - - .caixa3 p{ - width: 415px; - } - - .header{ - min-height: 550px; - padding: 0px; - position: relative; - width: 100%; - display: grid; - align-content: center; - align-items: center; - justify-content: center; - } - - - .productes{ - padding-left: 25px; - padding-right: 25px; - display: grid; - align-content: center; - align-items: center; - justify-content: center; - } - - .producto{ - padding: 0px; - box-sizing: border-box; - min-height: 200px; - margin-top: 10px; - margin-bottom: 30px; - position: relative; - } - - .producto p{ - width: 750px; - } - - #productoFinal{ - padding: 0px; - margin-bottom: 40px; - } - - #productoInicial{ - padding: 0px; - margin-top: 40px; - } - - .rodona{ - width: 110px; - display: block; - float: left; - margin-right: 20px; - margin-left: 40px; - margin-bottom: 40px; - } - .contacte{ - float: left; - width: 100%; - } - - .bloc1{ - padding: 0px; - min-height: 250px; - float: left; - width: 100%; - box-sizing: border-box; - display: grid; - align-content: center; - align-items: center; - justify-content: center; - } - - .bloc2{ - padding: 0px; - min-height: 250px; - float: left; - width: 100%; - box-sizing: border-box; - display: grid; - align-content: center; - align-items: center; - justify-content: center; - } - - .bloc1 p{ - width: 450px; - } - - .paquet{ - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - margin-top: 0px; - } - - .paquet p{ - width: 525px; - } - - .header a{ - width: 250px; - margin-left: auto; - margin-right: auto; - } - - #barrota{ - margin-bottom: 30px; - margin-top: 30px; - } - -} \ No newline at end of file