Based on #CanIUse data, using gap
with Flexbox with no fallback means half iOS users won't get the right layout.

It might be a bit too soon… 🥲
There are 6 contents with this tag:
Based on #CanIUse data, using gap
with Flexbox with no fallback means half iOS users won't get the right layout.
It might be a bit too soon… 🥲
A new nice responsive layout trick built upon Heydon Pickering's Flexbox Holy Albatross.
I'm a developer, not a graphic designer, so I genuinely wonder if CSS Grid and Flexbox automated layout and space management would be better for the flexible Web than such rigid artificial grids. I'm really wondering.
Responsive Grid Design: Ultimate Guide
This article highlights the most important aspect of the responsive grid and how product designers can adapt grids in their design workflow. medium.muz.li/responsive-grid-design-ultimate-guide-7aa41ca7892
Chen Hui Jing helps fix a little issue with overflowing Flexbox containers:
Implementing a Mockup: CSS Layout Step by Step
If you don't know yet how to do Web layout with CSS, or feel like struggling with it, this great (baby) step by step tutorial will help you a lot:
The Flexbox Holy Albatross Reincarnated
when you have three items, you’ll be happy with the three-abreast layout and accepting of the single-column configuration. But you might like to avoid the intermediary part where you get a pair of elements on one line followed by a longer element underneath.
See all tags.