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 Landing Page

Ryan King 40

@MsftKing

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 am proud that I was able to do this with the use of documentation and revisiting old projects that I put together while learning HTML and CSS.

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

I did struggle with labeling and where to separate the divs but as I began to edit and work with the project, I was able to determine the best places to separate the project in order to get the final result.

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

If anyone can give me tips on how to better label and style the background of a specific div (i.e how to get that mauve pink border to look more appealing) I would really appreciate it.

Community feedback

@franklynxchill

Posted

For the table, you can style the element td which puts the color of the table value, adjust the paragraph front size to suit the design and finally work on the mobile responsiveness of your work. You tried but you can do more better. Happy coding....

Marked as helpful

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