Skip to content
Submitted 7 days ago

Box Model for the margins and the paddings

Dortey Tetteh•20
@quabenah-dt
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

I am glad i was able to start the project and complete it.

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

i encountered some challenges with wrapping the text like it looked like in the design

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

Gladly i was able to complete all so i am good

Community feedback

  • Natali 👻 Grimm•1,130
    @Grimm-NPosted 6 days ago

    Hey, great work! 🌟 You're doing awesome, and I love seeing your progress. Just a couple of small tips:

    1. Instead of pixels, try using relative units like em, rem, or percentages—they're more flexible and adapt better to different screen sizes. For example, rem scales beautifully with the user's default font size, keeping things consistent.

    2. Since 320px screens are still a thing 📱, consider using 90vw or 90% for your cards on smaller screens. This way, they won’t stick to the edges of the window and will look more polished.

    Keep it up! You're nailing this! 🚀

    Marked as helpful
    1
    Dortey Tetteh•20
    @quabenah-dtPosted 6 days ago

    @Grimm-N thanks for the feedback. Will make sure to do those changes

    0
    Natali 👻 Grimm•1,130
    @Grimm-NPosted 5 days ago

    @quabenah-dt Hey, you're very welcome! 😊 We're all here to help each other by reviewing and improving our code together—teamwork makes the dream work!

    0
  • Cesar Valencia•310
    @cvalencia1991Posted 7 days ago

    Hello good job of solving this challenges, this is my feedback to improve your project

    • Please do not use pixel values
    • Use figure tags and try to optimize the structure of the CSS
    Marked as helpful
    0
    Dortey Tetteh•20
    @quabenah-dtPosted 6 days ago

    @cvalencia1991 thnkx for the feedback.

    0
    Dortey Tetteh•20
    @quabenah-dtPosted 6 days ago

    @cvalencia1991 thnkx for the feedback.

    0

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