Oi, pessoal, tudo bem?
Estou na parte 2 do curso de HTML e CSS e aprendemos sobre o documento "reset.css", em que foi aplicado corretamente na minha página de "produtos". Porém, ao replicar para a página de "index", ele bugou a formatação dos "h" e dos "padding", como se tivesse virado um "p /p" genérico.
Como posso aplicar o "reset" sem acontecer isso, para concertar a página?
Obrigado.
Oi Felipe, tudo bem?
O papel do reset.css é justamente limpar os estilos padrões dos elementos, neste caso, ao incorporá-lo em seu projeto o esperado é que os estilos sejam retirados, um exemplo é o <h1> que deixa de estar em negrito e com a fonte aumentada.
Entretanto, caso queira manter alguns estilos, você tem duas formas de solucionar essa questão. São elas :
Manter no arquivo reset.css, os estilos que você gostaria de retirar e excluir apenas os trechos de código de estilos que você gostaria de manter. Supondo que queira manter o estilo padrão do <h1>, basta retirá-lo do reset.
Deixar o reset.css em sua forma padrão, assim o seu projeto estará totalmente limpo e caso você queira retornar com alguns estilos, você pode deixar para fazer isso exclusivamente no arquivo style.css. Ou seja, no caso do <h1>, aplicando um font-weight: bold e um font-size: 24px; .
Espero ter ajudado e em caso de dúvidas fique a vontade para perguntar. Abraços!