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 landing html & css - recipe page main

Jonathan 50

@Limpi23

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P

@alonsovzqz

Posted

Awesome work!! Just a couple of comments on your solution. Take a look at the background color vs color of the solution. In order to make your solution take the whole height of the page you can use height: 100vh in the body.

A couple of changes in the font-family and the color in the "Ingredients", "Nutrition" and all those titles will make it look better and according to the design.

Nice use of ul and ol when needed 😎 and if you add a border-radius to the card which contains the recipe will make a great change ;)

You're on the right path. Keep 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