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

Responsive Recipe Page

Branimir 240

@brane10

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?

.

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

.

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

.

Community feedback

eren 270

@erensarac

Posted

Congratulations! @brane10

I reviewed your solution. Your solition looks great. I wanna help you with some feedback. First of all, You must have missed the margin at the bottom. Starting from the top, the recipe description paragh on the header, need a colour change. I suggest to add color: var(--neutral-wenge-brown) to p tag and in this section recipe tittle could be bigger then now. At the Nutrition section, paragragh color looks wrong like a at header. Also this paragragh font-size property looking wrong. And the last thing of my suggestions, you can change the text colour left column of the table. I hope my suggesttions helps you.

Happy Coding!

Marked as helpful

1
Branimir 240

@brane10

Posted

Thanks for the observation. I will apply your suggestions. :)

2

@Alexandru736

Posted

Hi! The implementation looks good but you missed some design points like the bottom margin of the recipe container and the text color of the nutrients section but these are small details. Other than that, keep it going!

0

Branimir 240

@brane10

Posted

Bottom margin is defined. Check better :) @Alexandru736

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