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

Simple Omelette Recipe landing page

@Va506851

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?

please give feedback and suggestion

Community feedback

@Abecarne

Posted

Hello @Va506851!

You did a great job !!

I would recommend you to change some things on the fonts (such as the size, the weigth and the color) to fit with the design. Also, in your code, i would suggest to use "prettier" extension to format your code and make it more readable and clear (you can find a tuto on how to do it in the first "learning path" of FrontEnd mentor). Like this you would avoid such mistakes as opening a <hr> tag just before closing your header line 55.

And if you really want to be closer to the design, you can change the background-color of the body, add border radius to your main container and use flexbox in the body to center your component

Good luck for the other challenges :)

0

@Va506851

Posted

@Abecarne thankyou for your suggestion it is very help full for me thankyou again

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