Submitted 3 months ago

QR-CODE Card design

Satyam-Pandey677• 220

@Satyam-Pandey677

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 completed this challenge in just 30 hour and next time I try to write more readable code for better understandable for others

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

none

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

none

Community feedback

RyZe• 60

@RyZeDZ

Posted 3 months ago

Hey there! I checked out your code.

Cool stuff:

Big thumbs up for using semantic HTML. That makes things work smoother for everyone.
Accessibility seems on point, which is awesome!

Room for improvement:

Centering the text inside the QR code card might make it easier to read, especially on smaller screens.
The layout seems a bit finicky on different screen sizes. Using some CSS magic can fix that.
The code itself could be tidier. Think code organization and readability - it'll make future tweaks a breeze.
There seems to be a bit of a gap between the design you had in mind and what the code shows. Nailed down design details can help bridge that gap.

Overall, the card is on a good track!

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