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

Recipe page

@raphaelsiqueiira

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?

Me orgulho das coisas que aprendi ao fazer essa solução, como o uso de fontes como variáveis no :root, já que até agora eu apenas usava para cores. Também consegui aprender mais sobre pseudo-elementos como o ::marker.

I'm proud of the things I learned while making this solution, like using fonts as variables in :root, since so far I only use it for colors. I also managed to learn more about pseudo-elements like ::marker.

What challenges did you encounter, and how did you overcome them?

Tive dificuldades no começo para estilizar os marcadores das tags e , não havia usado até o momento o pseudo-elemento ::marker, também tive dificuldade com as medidas e senti falta dos arquivos figmas. Mas no fim consegui superar essas dificuldades .

I had difficulties at first when styling the markers for the and tags, I hadn't used the ::marker pseudo-element until then, I also had difficulty with the measurements because I didn't have access to the figmas files. But in the end I managed to overcome these difficulties.

What specific areas of your project would you like help with?

Estou aberto a qualquer sugestão

I am open to any suggestions for improvement

Community feedback

EFEELE 350

@EFEELE

Posted

I had a lot of problem with the bottom borders of the table elements, but now looking at your code I see that it is more practical to do it with divs instead of with table.

Congratulations!!

0

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