Submitted 3 months ago

qr card with css only

Alexander Sanchez G.• 90

@AlexSG29

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 feel proud to do it myself and learn about the difference of padding and margin on my own so that I can organize the card well. Next time I would implement a different way to learn css such as Sass or even tailwind although it is not necessary, just to learn.

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

The main challenge for me was how to put everything in its place, I couldn't get everything to be centered and with the expected separation between each component, what I did was research on the paddin and the margin, and start testing.

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

I would like help with the structure part of the HTML, I think it could be much simpler but I did it as I thought it was better and easier

Community feedback

Grace• 29,310

@grace-snow

Posted 3 months ago

I give feedback on this a lot and it’s almost always the same things as this is the challenge to lay down important foundations.

So rather than repeat myself I’m going to point you to read others feedback I’ve left on this challenge.

For example, see my comments on this person’s solution and use those learnings to refactor yours.

Marked as helpful

Alexander Sanchez G.• 90

@AlexSG29

Posted 3 months ago

@grace-snow I've already made the suggested corrections, I loved the feedback and it really helped me understand a lot more. I appreciate it very much

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