Skip to content
Submitted 6 months ago

QR code component

Yasin Gunaydin•110
@yasingunaydiin
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?

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•210
    @Swag-blipsPosted 6 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.

    1
    Yasin Gunaydin•110
    @yasingunaydiinPosted 6 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!

    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