Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted about 1 year ago

Desktop-First Recipe Page Design - Frontend Mentor Solution

pure-css
Nishanth Venkatesan•1,030
@nishanth1596
A solution to the Recipe page challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


What are you most proud of, and what would you do differently next time?

1. Help with Issue - Border-bottom for Nutrition I need support in adding a border-bottom to the Nutrition table. I've tried multiple methods but none have worked. Any suggestions or tips would be greatly appreciated!

2. What I’m Most Proud Of This is my first major webpage, built solely using my knowledge and research. At first, the project was overwhelming, but breaking it down into smaller tasks made it manageable. I’m proud of focusing on small details like margins and starting to apply the "DRY" (Don’t Repeat Yourself) principle in my code.

3. What I Would Do Differently Next Time Next time, I’ll focus on making the page responsive from the beginning, ensuring it works across different screen sizes. I also want to improve the organization of my code and write cleaner, more reusable CSS.

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

Understanding padding, margin, and specificity was overwhelming at first. However, after checking it in the developer tools, I understood why specificity plays an important role and how to manage it with coding. Browser developer tools have truly become my best friend in resolving these issues.

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

Border-bottom for Nutrition. I need support in adding a border-bottom to the Nutrition table. I've tried multiple methods but none have worked. Any suggestions or tips would be greatly appreciated!

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Nishanth Venkatesan's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License