Submitted over 1 year ago

Responsive receipe page using html & css

mustapa zidan pahrudin•210

@zidanpahrudin

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?

I just found out that the placement of a CSS class affects how media queries work, especially for responsiveness. Initially, I put the media query code in the middle of the CSS, but it didn't work properly. After experimenting, I found that placing it at the end of the CSS, after the other classes, made it work perfectly.

Code

Please log in to post a comment

Community feedback

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