Skip to content
Submitted over 3 years ago

Meet landing page - HTML&CSS - using flex

Alex•270
@chillcodemao
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Meet landing page
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I'm quite happy with how the landing page turned out. The only think that I'd like to see a different approach to is maybe a more efficient way to style the top banner images, just under the 'meet' logo.

Community feedback

  • Luis Colina•1,043
    @Comet466Posted over 3 years ago

    hey alex nice work in this challenge, is responsive and you used semantic HTML for the markup thats an amazing practice for more readable and consistent code, just a few thing to point out: 1.Add :focus pseudo class to interactive elements like the buttons etc. Use outline property to make your website more accessible to keyboard users. Focusable elements have a default style that damages the presentation furthermore every browser has a slightly different default style for the outline, so you probably want to change the default style. 2. Add :hover pseudo class as well to make the site more engaging and interactive for the user

    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