4 ms·
This is a bit easier these days with Grid. You can set grid-template-columns: 1fr; and use gap: 20px; to control the spacing which feels much more natural. You
by have_faith 5y ago
This is a bit easier these days with Grid. You can set grid-template-columns: 1fr; and use gap: 20px; to control the spacing which feels much more natural. You can then pad as you like.
edit: realise this is at the end of the article so you probably already know this
- evan_ 5y ago`gap` is available on Flexbox in most browsers since earlier this year.
- innocenat 5y agoCurrently it's ~86% according to caniuse.com. I think it's still a bit low to be used comfortably.
- pdamoc 5y agoGood enough for vertical markets and admin/back-office apps.
- gempir 5y agoIt doesn't work on iOS 13 only grid gap works
- codedokode 5y agoThis means that it won't work in a builtin browser of a smartphone made 5 years ago. I think that average quality websites made for public Internet should use only features that have been supported at least for 5 years in major browsers including mobile. And a high quality site must be usable in 10-years old browser.
- deleted 5y ago[deleted]