Skip to content
Submitted over 2 years ago

3-column-preview

Alok Hegde•90
@alok1929
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Community feedback

  • mubizzy•1,520
    @mubizzyPosted over 2 years ago

    Excellent job @alok1929, really great. but you are missing something your, section and div's (containers)Tags should be wrapped in the main Tag not outside.

     <body>
   <main>
    <div
      class="Desktop: flex h-screen h-screen items-center items-center justify- 
      center justify-center bg-Verylightgray Mobile:flex-col"
    >

    </div>
  </main>
</body>

    That should fix your accessibility hope it helps 😊

    0
    Alok Hegde•90
    @alok1929Posted over 2 years ago

    @mubizzy The body tag should be inside the main tag, and that would fix it right?

    0
    mubizzy•1,520
    @mubizzyPosted over 2 years ago

    @alok1929 the code snippet will guide you,body tag first then main tag and the ones you have written will follow div (containers)tags.

    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