Submitted 4 months ago

QR code component

Yasin Gunaydin• 90

@yasingunaydiin

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?

It was an easy project. I learned to copy a website though. That was a first.

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

I had one challenge. That was using the designated font. I havent been able to use it now either. I know how to use it. You put the font code you get from google inside the header, doesn't work, put @import code into CSS, didnt work either. Tried mixing it up and even did things that didn't make sense but nothing. CSS file has connected successfully so thats not it.

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

None.

Community feedback

Bakrin Olasupo• 230

@Swag-blips

Posted 4 months ago

Hello yasin, Great work!

Consistency in Units: While you use px for most sizes, consider using relative units like em or rem for padding and margins to make the layout more flexible and scalable.

Media Queries: Introduce media queries to handle responsiveness for smaller devices.

Accessibility: Ensure text colors have sufficient contrast with the background for better accessibility.

Yasin Gunaydin• 90

@yasingunaydiin

Posted 4 months ago

Thank you for your comment @Swag-blips ! İ didnt opt for media queries because it looked fine when İ opened phone size. Totally forgot about the em and rem. Will use it in my personal projects!

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