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 using HTML and CSS

@VitorGregorio98

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?

I'm proud of having managed to leave a very identical page, including the mobile version and the desktop version, the image adjustment left me very satisfied. I liked the way I did it, with practice I will make it faster and more practical.

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

There weren't many challenges, but what made me think more was about the horizontal lines in the nutrition table. I also needed to be more attentive to images and formats, both in the mobile and desktop versions.

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

Maybe before I would need help to create margins or paddings in the image, but I was able to create the spaces equally. Another important area is about changing the thickness and size of attributes in the "ingredientes" and "instruções" part.

Community feedback

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