
Desktop-First Recipe Page Design - Frontend Mentor Solution
Design comparison
Solution retrospective
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!
Please log in to post a comment
Log in with GitHubCommunity 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