Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Recife Page

@tatyanepgoncalves

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

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

@R3ygoski

Posted

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 helpful

1

@tatyanepgoncalves

Posted

Olá, @R3ygoski

Muito obrigada pelas dicas! Estava procurando como colorir os bullets, mas não achei nada relacionado.

1

@Airton-Sales

Posted

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 helpful

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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