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 using pure CSS

bttrvng99 140

@bttrvng99

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?

  • Using different styles of headings based on div class
  • Make the images full screen when on mobile size

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

How to use different layout on mobile mode, which I used the @media tag with max-width of 500px, then copy the html, body, main and img tags and override the values

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

How to make the bullets/numbering farther from the texts in lists

Community feedback

Max F 110

@8bit-shawty

Posted

Very well done. Margins look clean and everything looks centered as it should. Nice work

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