Boa noite,
Tenho uma dúvida em relação a uns blocos de código, vamos supor, que esta parte está no inicio:
Código (CSS):
A meu ver esta parte é quando está no telemóvel ou tablet.
De seguida, vou apresentar a parte do desktop:
Código (CSS):
Agora o que eu queria fazer era, mudar a margem da esquerda, para os Netbooks, então exprimentei o seguinte código:
Código (CSS):
Com este código só uma @media funciona, pelo que percebi funciona pela ordem que eu insiro o código no .css ,
Estou a fazer alguma coisa mal? Não tenho nenhuma experiência em css, se alguém souber de alguma parte que esteja mal, ou alguma dica, seria agradecida.
Cumprimentos,
GOZK
Tenho uma dúvida em relação a uns blocos de código, vamos supor, que esta parte está no inicio:
Código (CSS):
.user {
display: none;
}
display: none;
}
A meu ver esta parte é quando está no telemóvel ou tablet.
De seguida, vou apresentar a parte do desktop:
Código (CSS):
@media (min-width: 801px) {
.user {
display: inline;
margin-top: 8px;
margin-bottom: 8px;
margin-left: 17%;
width: 30px;
height: 35px;
}
}
.user {
display: inline;
margin-top: 8px;
margin-bottom: 8px;
margin-left: 17%;
width: 30px;
height: 35px;
}
}
Agora o que eu queria fazer era, mudar a margem da esquerda, para os Netbooks, então exprimentei o seguinte código:
Código (CSS):
@media (min-width: 600px) {
.user {
display: inline;
margin-top: 8px;
margin-bottom: 8px;
margin-left: 10%;
width: 30px;
height: 35px;
}
}
.user {
display: inline;
margin-top: 8px;
margin-bottom: 8px;
margin-left: 10%;
width: 30px;
height: 35px;
}
}
Com este código só uma @media funciona, pelo que percebi funciona pela ordem que eu insiro o código no .css ,
Estou a fazer alguma coisa mal? Não tenho nenhuma experiência em css, se alguém souber de alguma parte que esteja mal, ou alguma dica, seria agradecida.
Cumprimentos,
GOZK