Skip to content
Submitted 3 months ago

Recipe page with HTML & CSS

LetrahL•40
@LetrahL
A solution to the Recipe page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

I am proud of finishing the project.

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

Font-size in the preview.

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

If there is anything I can be more efficient with, and better.

Code

Please log in to post a comment

Log in

Community feedback

  • Daniel•500
    @Dani234jf

    Hey, just a couple of things to improve:

    • The headings could be a bit larger to stand out more.
    • The text color in the first column of the table seems a bit off.
    • Your website doesn't adjust well to smaller screen sizes. You might want to use @media() queries to tweak some properties and make it look better on all devices.

    Other than that, everything else looks good! For a cleaner approach, instead of applying margins to each component, you could try using display: grid, gap: 1rem, or Flexbox to keep the gaps consistent between the components.

    Also, consider using rem instead of px for better responsiveness across devices. You can set font-size: 16px or font-size: 1rem for the body, and the rest will inherit from that.

    Hope this helps! 😊

    Marked as helpful

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