
Submitted 11 months ago
QR Code Component with semantic HTML, no classes and CSS no flex/grid
P
@stevexero
Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
I am proud of not using any class or id attributes in any of my HTML tags. I am also proud that I did not use flexbox or grid in my CSS.
What challenges did you encounter, and how did you overcome them?The biggest challenge I encountered was wanting to over-engineer everything. I paid close attention to inheritance and did my best to use it to my advantage.
What specific areas of your project would you like help with?I wrapped the whole card component in a section tag. Should I have separate semantic tags for the card image and the card info?
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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