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

Sadiki Bendaā€¢ 160

@Sadikibenda

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


What are you most proud of, and what would you do differently next time?

I most proud to finish my first landing page.

What challenges did you encounter, and how did you overcome them?

The biggest challenge I have encounter was applying css grid and working in responsiveness, I will need more practice on that. I overcome this challenge by using google.

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

css breakpoint, knowing the exact measure for tablet and phone.

Community feedback

P

@Chirtoaca94

Posted

Good effort overall, and layout looks good in full-screen size. Keep it up!

Needs improvement on the responsive side - try using max-width instead of width on containers and body element etc. this helps with the responsive layout. Also look at using @media (min-width) and (max-width) to create breakpoints in screen sizes. When you resize the screen to a smaller screen, the images overlap the text which is not great. So, figure out how to make your containers responsive. Also I would recommend building mobile-first, it is much easier to build for mobile screen sizes and then expand the elements!

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