Submitted 9 months ago

QR component with HTML/CSS only

anthony• 60

@anthonydwan

Preview site View code

This is a solution for...

QR code component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

I would like to improve on how to structure my CSS, e.g. I don't think I am utilizing padding effectively.
There are still differences between the design's heading and mine but the dimensions, fonts are the same - not sure why there is a difference.

Community feedback

Christian• 970

@FLCHRIS

Posted 9 months ago

Hi there!! ✌️

Congrats on completing this challenge! 🥳🎉

Here are some tips to improve your solution... 💯

HTML 🧱

Your content should be inside the main tag.

CSS 🎨

I recommend that you learn the BEM methodology, this methodology is a way to name the classes of the nodes of your HTML and then attack them with CSS in an easy, simple and clear way. 💯🚀

Your code is really good 💯, keep it up don't give up!!! 🙃

I hope I've helped you 😄

Happy coding! 👨‍💻

Please log in to post a comment

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