Mobile-first solution using CSS Grid

Solution retrospective
I am happy overall with the final appearance of the Huddle landing page. But I wasn't able to make it responsive. I was just able to make the mobile and desktop based on the widths given (i.e. 375px and 1440px).
Can you share ways to make it responsive using CSS Grid? I tried to redo it several times, using CSS Grid with different CSS units, but I always messed it up. I hope you can share your ways/techniques or if there are helpful articles/tutorials you can share with me, that'll be great.
- What are the device-widths you use for media queries?
- What CSS units should I use for a responsive layout using CSS Grid?
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Erel Ropeta'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