Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

QR Component using CSS Grid

P
Chuck 50

@eclectic-coding

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

P
Tsukimi 280

@hikawi

Posted

(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

P
Chuck 50

@eclectic-coding

Posted

@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
Discord logo

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