Alguem pode me ajudar com essa parte do codigo do css? Segue parte do codigo | HTML5 e CSS3 parte 2: posicionamento, listas e navegação

1
resposta

Referente ao curso HTML5 e CSS3 parte 2: posicionamento, listas e navegação, no capítulo A tag section e atividade Consolidando o seu conhecimento

por Deivid Allan Bojanic Helbingen

| 24.8k xp | 40 posts

Analista de T.I

Como faço para testar esse valores?

.produtos{ width: 940px; margin: 0 auto; padding: 50px 0; }

.produtos.li{ display: inline-block; text-align: center; width: 30%; vertical-align: top; margin: 0 1.5%; padding: 30px 20px; box-sizing: border-box; }

.produtos.h2{ font-size: 30px; font-weight: bold; }

.produto-descricao{ font-size: 18px; }

.produto-preco{ font-size: 22px; font-weight: bold; margin-top: 10px; }

1 resposta

por Gabriel Rafaiel Bercelline

| 64k xp | 15 posts

Empresário

19/05/2022

olá blz? Cara me parece que a semântica do .produtos.li e .produtos.h2 que você colocou aqui não estão certas, pode ser por isso que não ocorreu as alterações. O certo seria assim:

.produtos li{ 
    display: inline-block;
    text-align: center;
    width: 30%;
    vertical-align: top;
    margin: 0 1.5%;
    padding: 30px 20px;
    box-sizing: border-box;
}

.produtos h2{ 
    font-size: 30px;
    font-weight: bold;
}

Para alterar uma classe em css usa o ponto ".", já para alterar o elemento html apenas coloque o nome dele.