Skip to content
Submitted 7 months ago

Recipe page

VASUDEVAN T•20
@Vasutamizh
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Recipe page
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

This is my first own coded webpage and I'm really happy to share that i'm able to coding in frontend technology.

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

I face the struggle in responsiveness of mobile screen width, then i have learned about media query for variable screen lengths. After i feel free to finish this challenge.

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

In media queries.

Community feedback

  • IrieBee•280
    @IrieBeePosted 7 months ago

    Hi @Vasutamizh,

    Great job on your first project!

    (for your question) I would change the width on your .container to around 400px (something close to your @media of 450px) width: 400px. And instead of all margins (like margin-top: and so on) replace with margin: auto.

    Have a great day and happy coding

    Marked as helpful
    1
    VASUDEVAN T•20
    @VasutamizhPosted 7 months ago

    @ltsyBitsy Thanks dude ....

    1

Please log in to post a comment

Log in with GitHub

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