Submitted 10 days ago

Recipe Page using HTML and CSS

Austin•80

@4-Walker

Preview site View code

This is a solution for...Recipe page

HTML
CSS

1newbie

Design comparison

SolutionDesign

Solution retrospective

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

I'm proud of getting my head around pseudo selectors. I've found them a bit scary but I think I found good use of them in this challenge.

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

I had some troubles with vh sizing but it was a simple fix of changing my vh property to min-height instead of just height.

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

I definitely have a lot of redundant CSS. My workflow for this project was really weird and led me to designing each section one by one instead of finding matching elements. Also always looking for feedback on responsive design.

Community feedback

P
Angie P•120
@angie-createPosted 10 days ago
Great job on completing the Recipe Page Challenge! Here are some highlights and areas for improvement:

Good semantic HTML – Using proper elements like <section> and <article> improves accessibility. Nice layout & typography – The design stays clean and visually appealing. Responsive design – The page adjusts well on different screen sizes.

Suggestions for improvement:

Consider optimizing the use of margin and padding to keep spacing consistent. Using rem or em instead of px would improve accessibility and scalability.

Overall, it's a great effort! Keep up the good work and happy coding!
Marked as helpful
0

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