Submitted over 1 year ago

Responsive meet landing page using CSS flex and grid

Anton Vasilache•580

@Antonvasilache

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?

Solving the most complex challenge yet
Working with Figma files
Would focus less on desktop design next time

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

Working with Figma, following the design closely to the letter, to achieve pixel perfect values - eventually I gave up on the idea, and focused on the relative positioning between elements, and fixed whatever was left towards the end.
Tried to create the layout entirely using grid, which did not work well for responsiveness - I removed some of the grids and used different methods which were easier to handle in the context.

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

Creating a responsive page which relies less on media queries.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Anton Vasilache'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