1
resposta

Um problema com o reset

Boa tarde! Após colocar o "reset.css", a formatação dos textos do site ficou um pouco alterada. Perto o tamanho das fontes, que corrigi adicionando uma linha h1 e uma linha h2 e colocando font-size: 40 e 25px, respectivamente. Além disso, perdi aqueles pontinhos do menu de navegação. Até comparei meu arquivo CSS com o modelo que baixei da última aula, procurando deixar igual e entender o que estava errado. Mas esse não consegui solucionar!

Meu CSS está assim:

body{

    font-family: 'Crimson Text', 'Times New Roman', serif;
    background-color: #F2FFFC;
    line-height: 1.5;
    font-size: 120%;
}

h1, h2{
    font-family: 'Open Sans Condensed', 'Arial', sans-serif;
}

main h1{
    background-color: #851944;
    color: #FFFFFF;
    text-align: center;
    padding: 35px;
    border-bottom: 10px solid #000;
}

p {
    text-align:justify;
}

blockquote {
    border: 10px solid #C2CCCA;
    width: 250px;
    box-sizing: border-box;
    background-color: #D9E5E3;
}

aside {
    background-color: #3C1D3D;
    color: #F2FFFC;
}

strong{
 font-weight: bold;
}

em{
    font-style: italic;
}


footer{
    background-color: #000000;
    color: #F2FFFC;
    }

nav a {
    color: #851944;
}

main a{
    color:#851944;

}

aside a{
    color: inherit;
    font-family: "Open Sans Condensed", sans-serif;
}

blockquote, aside, footer{
    padding: 20px;
}

main div {
    width: 720px;
    margin: auto;
}

aside {
    text-align: center;
}

Alguém saberia ajudar? Obrigado.

1 resposta

Oi, Lucas, tudo bem?

No main h1, adicione a estilização:

font-size: 60px;

Seu título vai ficar com o tamanho correto. Agora, me perdi nesses três pontinhos do menunda navegação. Você poderia postar o seu projeto completo no Github? Ou aqui também... :}

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software