Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Recipe page: mobile and desktop solution using CSS

@ElaysonAbreu

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

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.

What specific areas of your project would you like help with?

Perhaps one or two ``’s (the ones with id “body” and “inbody”) could be replaced by a more semantic element.

Community feedback

@Jorgel7202

Posted

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 GitHub
Discord logo

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