KinnikuStudios
/
kinniku-web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

remove mediaqueries

master
marccane 2023-09-27 20:37:36 +02:00
parent a2deee85d8
commit 1afe6c5dcc
1 changed files with 0 additions and 248 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

248
estils.css
View File

@ -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;
}
}