Skip to content
Submitted over 1 year ago

Recipe Page using HTML and CSS

LVL 1
@mariamkhan04
A solution to the Recipe page challenge

Solution retrospective


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

I am proud that I tackled responsiveness effectively and nearly matched the design.

I also faced some confusion while writing CSS, so next time, I will explore CSS frameworks to enhance my styling.

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

I encountered challenges in adjusting the full menu to fit the display screen. Even after setting the body height to 100vh, my content remained scrollable instead of properly adjusting. I would love some suggestions on how to overcome this issue—perhaps I’m not understanding it correctly.

Also, I wasn’t sure how to style list markers and had to seek help online to align them properly with the text.

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

Yes, I need help with the line marker alignment issue, the menu not fitting properly, and some spacing inconsistencies. Also, I used the <strong> tag in my HTML, but the text didn’t appear bold—possibly due to an overriding CSS property. I had to explicitly set font-weight: bold for the <strong> tag. How can I resolve this issue?

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Mariam Khan’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