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

@ChitraShree

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@roshanprasad007

Posted

I just saw your website. I think it is a great achievement if you are a beginner. I notice some issues.

  1. Try to use the font mentioned in the file. They are available in Google Fonts. Try to visit the site and enter the font name, then link the file in your head section.
  2. Give some line height to the list's.
  3. It's very important to reset the default margin's padding. Here is the code snippet to do that. *{ margin:0; padding:0; box-sizing: border-box; }
  4. Try dev tools to make the website responsive.

Marked as helpful

0

@ChitraShree

Posted

@roshanprasad007 Thank you for your feedback! I'll ensure to use the specified font, add line height to lists, reset default margins and padding, and make the website responsive.

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