QR Code Component Using Vanilla CSS and Flexbox
Design comparison
Solution retrospective
What would the appropriate semantic HTML be for the main container of the component? I'd imagine it would be something like an aside.
Community feedback
- @danielmrz-devPosted 12 months ago
Hello GreenCitrus6!
You mean that
div
with the text? I think that in this case thediv
tag does the job, but since you're looking for a tag with semantic mening, I'd use thesection
tag.I use
aside
for sidebars and content that are not part of the main content, but might be related to it.I hope it helps!
By the way, great job!
Marked as helpful1@GreenCitrus6Posted 12 months ago@danielmrz-dev
Hi Daniel!
I see, so not all containers necessarily need to be semantic.
Then it would be best to think of
div
as the default container and to use semantic tags when something specifically meets the specifications?Thank you for the comment!
1@danielmrz-devPosted 12 months ago@GreenCitrus6
Something like that. The
div
container has no semantic value, so you can say it's the default container. You're gonna use it on most projects along with the semantic tags, but the idea is not to replace the semantic ones with divs. 😊1
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