Skip to content
Submitted 2 months ago

QR Code using semantic HTML5, custom CSS properties, Sass, and BEM

#pure-css#sass/scss#bem
SHAKIR•90
@shakirbakare
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 used semantic HTML5 elements, custom CSS properties, the BEM methodology, and Sass. I'm most proud of these!

I won't do anything differently next time. I'll keep using the semantic HTML5 elements, BEM methodology, and Sass for future challenges

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

The QR Code challenge is simple. No challenges.

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

I want thoughts and feedback on my code structure. Also, I used custom CSS properties in my Sass code. I'd love to know what you make of that.

Community feedback

  • aman-coolinc1•80
    @aman-coolinc1Posted 2 months ago

    For .content class you can give width as 100% to cover entire screen. and height as 100vh to over the complete height.

    Marked as helpful
    0
    SHAKIR•90
    @shakirbakarePosted 2 months ago

    @aman-coolinc1 Thank you. That's quite helpful

    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