Skip to content
Submitted over 1 year ago

flexbox, semantic HTML5 markup

Ayitey Ernest•100
@ernest-ayitey
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

thats i was able design the project without any help

What challenges did you encounter, and how did you overcome them?

i didn't encounter any

What specific areas of your project would you like help with?

grid and javascript

Community feedback

  • Jorge Martinez•30
    @TrueKarterPosted over 1 year ago

    Response to Question

    While <main>, <section>, and <div> are all containers. <div> can somewhat be described as a "generic container". It is commonly used to group elements together for styling purposes. Structing your page with <main>, <section>, and other semantic elements, gives your page semantic meaning. As a result, your HTML code becomes easier to understand, improves accessibility and SEO of your websites.

    As your code uses <div> for the purpose of flexbox, it is appropriate.

    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

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