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

Responsive QR code component solution

Mykyta Kavetskyiโ€ข 240

@OniOdd

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


Hello, everyone. I have completed this challenge. But I still have some doubts. And here they are:

  1. In this project, I built an HTML structure using the BEM methodology. Did I do everything right?
  2. Also in this project I used relative values like em, rem. Did I use them correctly in the project?

Community feedback

Benevolentโ€ข 490

@bene-volent

Posted

As a fellow BEM enjoyer, I approve of your css solution.

  • Do take the attribution out of the card.
  • Study about semantic and everything is good.

Seems like you are new, I would recommend taking your time on solution and not rush them. FrontendMentor has a great sorting method, so take problems which are easier one at time and take good amount of time analysing your design. In the beginning, I was rushing through them and got stuck, so take your time and enjoy the Learning journey๐Ÿ˜€๐Ÿ˜€

Marked as helpful

1

Mykyta Kavetskyiโ€ข 240

@OniOdd

Posted

@bene-volent Thank you for your feedback! I've made some adjustments to the code, namely:

  • I moved the "attribution" block outside the card;
  • replaced a couple of tags with more semantic ones.

I will try to take my time and solve the tasks carefully ๐Ÿ˜

1
Benevolentโ€ข 490

@bene-volent

Posted

@OniOdd virtual high-five... Good work

1

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