Skip to content
Submitted 7 months ago

QR Code Component Using HTML & SCSS

muhammad anindyo poetra mufatyta•220
@anindyoo
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?

I'm proud that I can complete this very first challenge without encountering any meaningful obstacles. I would also like to use additional technologies for my future projects.

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

Challenges I encountered was I had to convert px to rem manually because they changed developer mode on Figma to paid only so I couldn't do the conversion through Figma anymore. Thankfully, I could overcome it by learning that you could do math operation in CSS, and the rest is on my repo.

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

So far, I can still help myself with what I'm dealing, but I'm open for any help and advice for this project.

Community feedback

  • Harsh Kumar Dwivedi•740
    @Harsh-Kumar-DwivediPosted 7 months ago

    Hi @anindyoo ,

    Nice Solution !

    I would suggest following:-

    1.Prefer replacing <div class="barcode-card"> with <main> element.

    2.Consider replacing <div class="attribution"> with <footer> element.

    These will improve accessibility and make your markup more semantic.

    Hope these suggestions are helpful !

    Happy Coding !

    Marked as helpful
    1
    muhammad anindyo poetra mufatyta•220
    @anindyooPosted 7 months ago

    Hello @Harsh-Kumar-Dwivedi ,

    Thank you very much for the feedback on accessibility and semantics! I'll definitely keep it in mind for my future projects.

    Best regards.

    1
    Harsh Kumar Dwivedi•740
    @Harsh-Kumar-DwivediPosted 7 months ago

    @anindyoo

    Welcome !

    Keep up the good work !

    0
  • Moniruzzaman Monir•740
    @ad-monir2001Posted 7 months ago

    Wow you have done a good project with hard work. Keep coding. Have a nice future.

    Marked as helpful
    1
    muhammad anindyo poetra mufatyta•220
    @anindyooPosted 7 months ago

    Hello @ad-monir2001 ,

    Thank you very much for your kind words and encouragement! I appreciate you taking the time to comment on my project. I will definitely keep coding and striving to improve.

    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