Recipe page with mobile layout

Solution retrospective
This was a tougher one and things are starting to get more complicated, overall I think it is more accurate than I had hoped.
What challenges did you encounter, and how did you overcome them?I got to learn about a few new properties for elements I don't use much. Notably the table and (un)ordered lists and list items. For example table-layout and border-collapse.
I'm really struggling with the recipe image for the mobile layout. I'm not sure how to make it take up the full width because the padding is in the way, but I can't reasonably get rid of the padding without restructuring the HTML, so I suspect I didn't structure the HTML adequately. I would appreciate advice on this.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Arthur'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