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

@jpdavalos423

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?

For this being my first practice submission, I was happy with how fast I was able to write the HTML code and quickly move on to the css. Also, I felt that my use of classes and id's when styling made the job a lot easier and is something to note for later on.

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

By far the most challenges I faced was the little obscure changes I had to make such as changing the color of the bullet points or formatting the table. I used google a ton throughout the process in order to remind myself of the basics and find any features that I may have forgotten.

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

I struggled immensely with the mobile layout and making the image span the entire page. I'm not fully content with the solution I came up with and any suggestions for any better ways to go about this is greatly appreciated.

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