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

3-column-preview

@alok1929

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

mubizzy 1,520

@mubizzy

Posted

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

@alok1929

Posted

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

0
mubizzy 1,520

@mubizzy

Posted

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