Skip to content
Submitted 5 months ago

Qr Code Challenge

PassingNoobFromMinecraft•10
@PassingNoobFromMinecraft
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'll Prolly make use of the clamp function I barely used it Cos I just learnt how And I'll Position the div first next time I thought I had corrected it

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

Adaptive text, Clamp function

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

The centering If possible help with css grid and flex

Community feedback

  • Oleg•80
    @scoboxPosted 5 months ago

    Not bad overall!!! Good try! couple of issues:

    1. not responsive design: on small resolutions - all breaks.
    2. Size of the card is not as per design - should be 320px.
    3. I would suggest using class ".card" instead of the ".clamp", and used "margin: 0 auto;" to center it instead of "transform-translate"
    Marked as helpful
    0
    PassingNoobFromMinecraft•10
    @PassingNoobFromMinecraftPosted 5 months ago

    @scobox I tried using the margin : 0 auto But it wasn't working maybe cause there was a bug in my code somewhere. Do you know how I can increase the responsiveness of my design?. Thanks

    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