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

Meet landing page with flexbox, grid, BEM and responsiveness

@Muhammadjewel

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


14th challenge is completed 🎉

This project had two interesting sections to make.

  1. Hero section has image changes in mobile and desktop. In small screens I used img with picture, for big screens I removed the img and replaced them with background-image of the section.

  2. Section indices (i.e. circle with "01" and "02") was also interesting. The one that is near CTA section was styled with position absolute relatively to CTA.

I would love to hear your thoughts about these 2 approaches and also any other constructive feedback.

Thanks in advance.

Community feedback

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