Skip to content
Submitted 2 months ago

Responsive Meet Landing Page using HTML/CSS

P
RishabhSikka3•220
@RishabhSikka3
A solution to the Meet landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

Accessibility Feedback would be welcomed.

Code

Please log in to post a comment

Log in

Community feedback

  • Andrey•4,640
    @dar-ju

    Hi, RishabhSikka3!

    What exactly do you want to clarify about accessibility in this task?

    There are not many interactive elements here. Only 3 buttons, you can access them with the keyboard, they have text explaining what they do. So there is nothing special here.

    You are abusing <section> tags on this page. In fact, there are only 2 sections: "Group Chat" with buttons and "meetings" with images. A section is an independent block that can be reused in another part of the site without losing its meaning, a section must have at least one h1-h6 heading. If the section does not have a heading, then consider using <div> or another tag.

    You can add cursor: pointer; to the buttons to make it clear that they can be clicked.

    Good luck with your development!

    Marked as helpful

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