Muito bom passar por desafios!
Tive algumas dúvidas e alguns erros sobre o alinhamento da imagem da caixa #hero
.
Abaixo usei um text-align:center;
no elemento body
para alinhar os elementos ao centro.
body {
font-family: "Open Sans", sans-serif;
margin: 0;
text-align: center;
}
No arquivo html
, no elemento com id #hero
, os parágrafos estavam com as tags inline modificadas e um texto, estava fora do elemento <p>
.
Algo que tinha ficado em dúvida também, foi onde colocar a imagem, mas ela é do #hero
então coloquei ela dentro da div
ai fez sentido o margin-bottom: 72px;
Todas as dúvidas sanadas! =)