blockquote {
border: 10px solid #C2CCCA;
}
main h1 {
border-bottom: 10px solid black;
}
Solucionado
blockquote {
border: 10px solid #C2CCCA;
}
main h1 {
border-bottom: 10px solid black;
}
Essa é a diferença:
border: 10px solid #C2CCCA;
.
.
border-bottom: 10px solid #C2CCCA;
.
.
A propriedade border faz com que todas as bordas, top, right, bottom e left sejam renderizadas. Já a propriedade border-bottom só renderiza a borda de baixo.
Fala Iago, boa noite!
Ao utilizar o border "tradicional" neste caso, você está passando 10px para todos os lados (top, right, bottom, left).
E no caso do border-bottom, você está especificando, querer a borda apenas no BOTTOM, ou seja abaixo do elemento.