Recipe page: mobile and desktop solution using CSS

Solution retrospective
I pride myself on having set up multiple properties without initial help. My 1st solution didn't handle mobile layout, but now it has some support for them using the @media
rule.
I liked my methodology and there is nothing I would do differently next time.
What challenges did you encounter, and how did you overcome them?In particular, formatting tables in CSS was the most challenging part. The element can only be set if the option `border-collapse` is equal to `collapse` in
. If it is set to separated
, then I need to style the `` instead.
Perhaps one or two ``’s (the ones with id “body” and “inbody”) could be replaced by a more semantic element.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on ElaysonAbreu'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