Submitted 4 days ago

Responsive Recipe Page using CSS Media Queries, Table and List styles

Musty325199• 60

@Musty325199

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

Community feedback

Michael-Alans• 40

@Michael-Alans

Posted 4 days ago

It doesn't scale well in mobile screens, so try using responsive layouts. Setting a max-width for the container(main).
Use media queries for the image to become of full width on smaller screens.

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