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.

How to control `Card` padding ?

See original GitHub issue

How to control the space between CardItem and Card ? The docs doesn’t have any information about controlling the Card padding. ?

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:11 (6 by maintainers)

github_iconTop GitHub Comments

17reactions
theapache64commented, Jun 20, 2018

To make all padding to zero, I gave padding:0 to CardItem, It didn’t work. but this

 paddingLeft: 0,
 paddingRight: 0,
 paddingTop: 0,
 paddingBottom: 0

worked.

Do you know why ?

3reactions
theapache64commented, Jun 20, 2018

Ok. thank you for the commit.

I could also fix the issue with this

<CardItem
                           style={{
                               paddingLeft: 0,
                               paddingRight: 0,
                               paddingTop: 10,
                               paddingBottom: 10
                           }}
                       >

Result image

Read more comments on GitHub >

github_iconTop Results From Across the Web

Remove extra space from a Bootstrap 4 Card - Stack Overflow
Adding margin: 0 auto; to the card CSS centers the div in its parent. Another solution would be to use a width of...
Read more >
Size and location properties in Power Apps - Microsoft Learn
Padding – The distance between the text on an import or export button and the edges of that button. Applies to Add picture,...
Read more >
Cards - Bootstrap
A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background...
Read more >
Padding class - widgets library - Flutter - Dart API docs
Controls how one widget replaces another widget in the tree. finalinherited. padding → EdgeInsetsGeometry: The amount of space by which to inset the...
Read more >
How to add padding in a card - Microsoft Power BI Community
There is no option for adding padding for card visual. But when you add radius in the border, it will add padding automatically....
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