Submitted 3 months ago

Qr Code Challenge

PassingNoobFromMinecraft• 10

@PassingNoobFromMinecraft

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

QR code component

HTML
CSS

1newbie

View challenge

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

@scobox

Posted 3 months ago

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

not responsive design: on small resolutions - all breaks.
Size of the card is not as per design - should be 320px.
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

PassingNoobFromMinecraft• 10

@PassingNoobFromMinecraft

Posted 3 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

Please log in to post a comment

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