question-mark
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.

feat(grid): replace padding with gap

See original GitHub issue

Prerequisites

Describe the Feature Request

I really like the Grid Component. The most often issue i have with this is the usage of the padding which i would like to discuss here.

Because of the usage of the padding for every column it is not possible to have left items at the containers left and the right items completly right, there will always be a small “gap” for the column’s content. Also removing the passing is not an option as then the space iin between of the items is gone.

So i played around with gap a bit and i guess it could be an alternative by removing the column’s padding and replacing the style attributes to reflect the width accordantly.

Is this possible or is there any other solution for my problem?

Describe the Use Case

Text in a grid column should be possible to align at the containers border

Describe Preferred Solution

To be discussed

Describe Alternatives

No response

Related Code

No response

Additional Information

No response

Issue Analytics

  • State:closed
  • Created 10 months ago
  • Comments:7 (7 by maintainers)

github_iconTop GitHub Comments

1reaction
EinfachHanscommented, Nov 30, 2022

Ok will go for this then 👍🏼

0reactions
liamdebeasicommented, Nov 30, 2022

Sounds good. I am going to close this, but let me know if you have any questions.

Read more comments on GitHub >

github_iconTop Results From Across the Web

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 remove grid gap / padding? [duplicate] - Stack Overflow
I want to divide body into 2 parts without any padding or gap. But when I divide body by grid . It shows...
Read more >
Minding the "gap" | CSS-Tricks
In grid, row-gap always applies between row tracks. So, if we replace gap with row-gap in the above example, we get this: The...
Read more >
A Very, Very In-Depth Guide on CSS Grid - CoderPad
The column-gap property adds some spacing between columns by adjusting the width of the vertical grid lines in a grid container.
Read more >
Falk Steelflex Grid Couplings - Rexnord
Featuring 25 sizes, Steelflex couplings can accommodate torque ... Selection is replacing a gear-type coupling with a 0 .125" gap .
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found