Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Add support for grid-gap
See original GitHub issueThe grid-column-gap, grid-row-gap and their shorthand grid-gap (spec) allow you to set gutters on the inside of the grid.
It would be nice if this property could be transformed as well, perhaps by automatically adding empty columns/rows in between the provided tracks with a size of whatever is provided by the grid-gap property.
Issue Analytics
- State:
- Created 6 years ago
- Comments:34 (17 by maintainers)
Top Results From Across the Web
"grid-gap" | Can I use... Support tables for HTML5, CSS3, etc
CSS property: gap: Supported in Grid Layout · Global · Chrome · Edge * · Safari · Firefox · Opera · IE ·...
Read more >gap - CSS: Cascading Style Sheets - MDN Web Docs
The gap CSS property sets the gaps (gutters) between rows and columns. It is a shorthand for row-gap and column-gap.
Read more >How to detect browser support for Flexbox Gap
Before digging into the details, I want to explain briefly how grid-gap or gap works. Simply, it adds spacing between columns and rows....
Read more >CSS grid-gap property - W3Schools
The grid-gap property defines the size of the gap between the rows and columns in a grid layout, and is a shorthand property...
Read more >Minding the "gap" | CSS-Tricks
Yay, it's here! Safari 14.1 reportedly adds support for the gap property in flexbox layouts. We've had grid-gap support for some time, but...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
I’ve been working on
grid-gap. It can be implemented when all these properties are used:grid-template-areas,grid-template-columns,grid-template-rows,grid-gap. Now it’s the only case when we know in advance all cells of the grid, and so can position correctly all cells taking into account gutters.You are right. I’m a little confused) I’ll try today to implement the logic you’ve described.