CSS Grid + Flexbox Solving Real-world Problems

Peter Mouland
Dec 31, 2017 · 4 min read
Responsive Wireframes for desktop, mobile variation A and mobile variation B
responsive wireframes with grid overlayed
CSS Grid layout for mobile product-card
CSS Grid layout for mobile product-card variant b
CSS Grid layout for desktop product-card
CSS Grid with additions for Internet Explorer

Peter Mouland

Written by

Principal Developer at ClearScore

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade