Your session has expired please log in again.
Your session has expired please log in again.
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

Meet landing page - HTML&CSS - using flex

Alex 270

@chillcodemao

Desktop design screenshot for the Meet landing page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@Comet466

Posted

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