Submitted 12 months ago

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

Sam Hooker•780

@35degrees

A solution to the Meet landing page challenge

Preview Code

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

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Sam Hooker's solution.

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