Skip to content
Submitted over 1 year ago

QR Component using CSS Grid

Chuck•50
@eclectic-coding
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

All I have to say is that this was a fun project. I decided to use Vue, only because I wanted more experience.

Community feedback

  • Tsukimi•780
    @hikawiPosted 3 months ago

    (Being held at gunpoint to make a feedback but anyway)

    Something I find funny is that the div's name being card and the inner text div's name being card__body and u use the &__body from scss. I dont know if thats good practice but it was a clever use of the feature i never thought of.

    0
    Chuck•50
    @eclectic-codingPosted 3 months ago

    @hikawi Thank you for the feedback. The reasoning for the CSS class naming is that I try to adhere to BEM naming (block__element--modifier). You can read more at CSS-Tricks

    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