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

QR Code Component Using Vanilla CSS and Flexbox

@GreenCitrus6

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


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

Daniel 🛸 44,230

@danielmrz-dev

Posted

Hello GreenCitrus6!

You mean that div with the text? I think that in this case the div tag does the job, but since you're looking for a tag with semantic mening, I'd use the section 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 helpful

1

@GreenCitrus6

Posted

@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
Daniel 🛸 44,230

@danielmrz-dev

Posted

@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 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