Recipe page: mobile and desktop solution using CSS
Design comparison
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.
Community feedback
- @Jorgel7202Posted 3 months ago
me parece que en tu solución y la mia existen muchos puntos en común y veo que estas orgulloso de el resultado logrado, felicidades
1
Please log in to post a comment
Log in with GitHubJoin 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