2
respostas

Dúvida exercício

Com relação ao Módulo 8 Exercício 4

Uma vez removido o estilo indevido nas tags dos posts no blog.html, veremos que os posts ficam muito grudados um no outro. Que alterações precisamos fazer no código CSS para deixar os posts mais espaçados entre si? Aproveite para mostrar uma linha suave (com a cor #ccc, por exemplo) entre os posts, como na imagem abaixo.

Eu vi que foi criado outras funções, no caso coloquei uma linha usando o hr. Veja:

http://prntscr.com/hbh6fn

Posso considerar no meu exercício, desta forma?

Coloquei o código no css:

hr{/Linha no blog/ color:#ccc; }

E no html do blog:

http://prntscr.com/hbh6pp

2 respostas

Shellen, boa noite!

Primeiro, sugiro que quando tiver código para postar, use a ferramenta do fórum, fica melhor de visualizar.

Bem, quem deve controlar as propriedades é o CSS, esse controle deveria ser por ele. Não sei ao certo o que o exercício espera, mas acredito que as propriedades margin, padding ou size devem ajudar nisso.

Se não resolver, pode detalhar mais sua dúvida?

No módulo 8 Mais seletores, no exercício 04 - Ajustes finos no blog.html, foi solicitado o seguinte:

"Uma vez removido o estilo indevido nas tags dos posts no blog.html, veremos que os posts ficam muito grudados um no outro. Que alterações precisamos fazer no código CSS para deixar os posts mais espaçados entre si? Aproveite para mostrar uma linha suave (com a cor #ccc, por exemplo) entre os posts, como na imagem abaixo."

Veja meu código que inseri no CSS

hr{
    color:#ccc;
}

Eu utilizei a tag hr, conforme o print --> http://prntscr.com/hc4rd0 é possível ver que a linha aparece, porém de acordo com a opinião do instrutor, foi criado no css a tag "article".

article {
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

É considerado correto a maneira que fiz?

Minha dúvida seria somente esta. Somente para saber se a alternativa que tomei se está válida, já que tive o mesmo resultado.