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

P
fvdumah 50

@fvdumah

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 would try defining colours and font-sizes at the start of the document. I feel like my code is all over the place and a bit repetitive.

What challenges did you encounter, and how did you overcome them?

I struggled with margins/padding when displaying image in mobile view. I overcame this issue with just displaying image twice and adding a display none on second image.

There probably was a much simpler way to do it but I could not figure out how to do it. I do know there is a element we could use but from my understanding that's best to display a different image based on different display viewports.

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

I would like to know best way to approach styling the image element for desktop/mobile view.

Community feedback

D4WD 90

@devis4wd

Posted

This looks like a great job. Well done!

0

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