[have_faith]

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_]

`gap` is available on Flexbox in most browsers since earlier this year.

[innocenat]

Currently it's ~86% according to caniuse.com. I think it's still a bit low to be used comfortably.

[pdamoc]

Good enough for vertical markets and admin/back-office apps.

[codedokode]

This 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.

[gempir]

It doesn't work on iOS 13 only grid gap works