Submitted 4 months ago

A simple recipe page

Ogbe-cloud• 30

@Ogbe-cloud

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Recipe page

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

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

I am proud that i used semantic tags to make my project accessible

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

i encountered the problem of deployment to github because this is my first time trying but i was able to have it sorted

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

i need a mentor to guide me through and someone i could always look forward to and ask questions

Community feedback

Mir Mubashshir• 90

@mmubashshir

Posted 4 months ago

I suggest rather than giving padding to the image, it would be better to give padding to the whole card. Just maintain consistent padding throughout the card.
For instructions and ingredients section, the content does not require any padding
The main card in mobile could have taken whole width, maybe use media queries
Overall better padding management would just make it perfect

🥳 Congrats on that completion, happy Coding<>😊😊😊😊

Ogbe-cloud• 30

@Ogbe-cloud

Posted 4 months ago

Thank you so much for the feedback and corrections. I'densure to put them into practise. I haven'tlearnt responsiveness yet reason why it isn't responsive. Thanks again for this@mmubashshir

Please log in to post a comment

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