QR Code Component with CSS Flex Box to Center the Alignment

Solution retrospective
What I most proud of is that I can implement the project without the need of using the Figma files (since the file is not working). Next time if the Figma file is working I will do it much better.
What challenges did you encounter, and how did you overcome them?Getting the correct size of the QR Card was a bit challenging since I have no Figma file to look at the correct width and height of card so I have to make an estimation on it
What specific areas of your project would you like help with?Since this is a very basic QR Card, I do not have anything get help with yet (maybe later challenges I have)
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Md-Mubin
Impressive. Just an advice, no need to use class name always when you can select html sementic in css. Like, in "qr__text" div you used a h2 for headline and p tag for the info. So, in css you can grab them like using ".qr__text h2{}" and ".qr__text p{}".... by that you no need to give extra class name for each of them. It realy helps the css in optimization. Even though this small projects does not matter that much. But for the big big project, matters. And it is also a good practice. But if there are more than 1 same tag in under same div than you can give class name and you need that.
- P@TomDoneix
Well done !
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