Submitted about 1 month ago

Responsive recipe page using HTML, CSS and media queries

Dari3s•40

@Dari3s

A solution to the Recipe page challenge

Preview Code

Solution retrospective

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

Although i just started , but i'm very proud of the way i used media query for mobile version. I plan to improve my skills on using media queries next time, I chose not to use hover effect for link just to make the code simple and not too flashy but will do that if i see it fit next time.

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

Initially my problem was how to make them expand when on larger screens(responsiveness), but i learnt more about it later on and made use of it in the code.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Dari3s'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