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 - Responsive / Grid / Flexbox

P
ellekost 220

@lkoster

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 am most proud of my ability to make the project match the design requirements. Additionally, I built the page using dev tools to figure out what went wrong and fix it.

I don't know what I would do differently, but I welcome feedback to improve.

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

The footer!!! I tried grid and flexbox but had a hard time getting the three elements to line up and look good. After toying around, I ended up with two flex containers. It looks right, but I am sure it can be done better; feedback is welcome!

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

Improving the footer. Suggestions on @media's; good/bad?

Community feedback

@jamesbrown173

Posted

** Design

  • Great, clean easy to follow
  • The design doesn't expand to the full width on desktop sizes, there's a small white gap. Maybe the width of the body needs to be set to dvw, but not sure.

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