Problema com Padding-left

1 resposta
M

Galera, boa tarde,
Me da uma força ai.

Alguém já teve problema com a propriedade Padding-left no notepad++? Não estou conseguindo seguir a diante no meu projeto porque o padding-left não funciona de jeito nehum. Alguma boa alma poderia me ajudar?

Segue o códido: ( O problema está no último pacote )

//* Vale para todas as resoluções*//

body {margin:0;padding:0;}

header{width:100%;}

main{width:100%;}

footer{width:100%;}

ul{margin:0; padding:0; list-style:none;}

nav{float:left; width:100%;background:#000000;font-weight:bold;font-family:verdana, sans-serif;color:#FFFFFF;}

nav li{float:left; padding:20px; }
//* Para Smarthphone*//

@media only screen (max-width:480px) {

nav{height:50px;}

nav li:{width:100%;}

}
//* Para Tablet*//

@media only screen (min-width:481px) {

nav{height:80px;}

nav li:{width:100%;}

}

//<em>Para Desktop</em>//

@media only screen (max-width:769px) {

nav{height:100px; padding-left:25%;}

nav li:{width:15%; text-align:center;}

}

1 Resposta

brunomacedo

Olá, posta o html também pra gente ver como está a estrutura.:grin:

Por enquanto tenta assim: @media only screen and (max-width: 769px) { … }

Criado 5 de novembro de 2017
Ultima resposta 5 de nov. de 2017
Respostas 1
Participantes 2