Skip to content
This repository has been archived by the owner on Apr 26, 2024. It is now read-only.

grid-column-gap and grid-row-gap support #6154

Open
LucusWebsites opened this issue Sep 7, 2020 · 1 comment
Open

grid-column-gap and grid-row-gap support #6154

LucusWebsites opened this issue Sep 7, 2020 · 1 comment

Comments

@LucusWebsites
Copy link

Can you add support for "column-gap" and "row-gap"?

// does not work in iOS Safari 11.1
column-gap: 10px
row-gap: 10px

For example iOS Safari 11.1 doesn't understand column-gap and row-gap.

The prefixed version would be:

// does work in iOS Safari 11.1
grid-column-gap: 10px
grid-row-gap: 10px
@mnich
Copy link

mnich commented Sep 7, 2020

For Safari 11.1 column-gap supported with prefixes -webkit-
source: https://caniuse.com/?search=row-gap

The grid- prefix will be removed and grid-column-gap and grid-row-gap renamed to column-gap and row-gap. The unprefixed properties are already supported in Chrome 68+, Safari 11.2 Release 50+ and Opera 54+.

The grid- prefix is deprecated (but who knows, may never actually be removed from browsers). Essentially grid-gap renamed to gap. The unprefixed property is already supported in Chrome 68+, Safari 11.2 Release 50+, and Opera 54+.

source: https://css-tricks.com/snippets/css/complete-guide-grid/

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants