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

responsive for mobile, tablet desktop, including grid, overlays, flex

P
Sam Hooker 410

@35degrees

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 spent too much time in the weeds fine tuning pixels, gaps, box-widths, etc in order for it to work on three media queries. I'd like to spend more time planning next time.

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

Learned a lot about the usefulness of 'justify-self' when moving images around within grid. Had to undo a Flex layout for a Grid layout on the hero section for the tablet, figuring out how to move the text button the circle images was tricky

Community feedback

P
BozJR 220

@BozJR

Posted

This looks fantastic as far as i can see, the only thing i will say is that maybe the gaps/spaces between elements seems a little off in comparison to the actual design.

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