Design comparison
Solution retrospective
Olá, pessoal!
What challenges did you encounter, and how did you overcome them?Aqui está mais uma solução de desafio feita por mim.
What specific areas of your project would you like help with?Estou aberto para receber dicas e feedbacks. Obrigada!!
Community feedback
- @R3ygoskiPosted 8 months ago
Olá Tatyane seu projeto esta muito bem feito, parabéns.
Notei que há algumas diferenças do design original.
Na seção de Instructions, você utilizou uma <ol> mas tirou os números devido ao
list-style: inside
.Em preparation time tem um leve
padding na esquerda
.E se você notar, no design original os bullets são coloridos, para colorir os bullets das listas, basta utilizar o pseudo-elemento
::marker
.E por último na seção de Nutrition, percebi que você colocou um
margin-bottom
nas tags<p>
, acho que não era necessário pois elas já ficariam alinhadas da forma correta sem essa margem.Edit: Notei uma outra coisa, que foi uma redundância, no seu media query você colocou um seletor universal ( * ), não era necessário, já que você já havia o colocado um anteriormente lá no topo do seu css.
De resto seu projeto esta muito bem feito parabéns.
Continue praticando e parabéns!
Marked as helpful1@tatyanepgoncalvesPosted 8 months agoOlá, @R3ygoski
Muito obrigada pelas dicas! Estava procurando como colorir os bullets, mas não achei nada relacionado.
1 - @Airton-SalesPosted 8 months ago
Your project is incredible. All that was left was to align the information in the nutrition area, but other than that it was incredible.
Marked as helpful1
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord