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 CSS flex (first attempt)

@echocode1

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?

completing the task as a complete beginner is worth it.

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

I faced a lot of issues but it was solvable with persistence and a bit of research in the CSS.

  1. I could not some space between the ordered list and the items but figured it out later.
  2. I tried adding a border radius to the image but, it was not responding until I wrapped the image in a div container, and added the padding to it before the border radius could work etc.

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

please I need help with our to effectively calculate my box: margins, padding, and all adjustment so as to fit in box model perfectly. I had issue calculating the proper margin to give the image after adding a width of 80% but since i could not calculate it , I had to use another means to arrive at my CSS solution.

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