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 design using HTML & CSS

univxrse 50

@univxrse

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 think I'm most proud of getting the width of the container to adjust at a certain point when resizing the page. I would probably try to style all the elements with less CSS rather than having them in their own classes.

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

Ran into a few challenges with this particular project. One of them being the automatic resizing of the image within the container. Very time consuming for me to get it the correct way. Another challenge was inserting the text at the bottom of the page to be directly under the container and not on the side of it. I noticed one problem with the nutrient points not being aligned when the page is in a mobile view. I sadly couldn't figure this one out.

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

Im not so sure but, I would definitely love some feedback as any is encouraged and would be appreciated. Thank you for taking the time to look at my solution to this challenge.

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