Strange margin when using InlineGrid
trnc-ck opened this issue · 1 comments
Summary
When using <InlineGrid /> with <CalloutCard />s, the first CalloutCard has a strange bottom margin. We display two cards in 2 columns, but the even if we add more cards, the first cards has this margin. Content of the CalloutCards has the same height.
Expected behavior
CalloutCards should have the same height.
Actual behavior
Steps to reproduce
No response
Are you using React components?
None
Polaris version number
13.0.0
Browser
Chrome, Firefox
Device
Macbook Pro M3
If you use dev tools you can see that the second callout card has a margin top. Sibling callout cards are meant to be stacked with a gap between. CalloutCard was built before we had layout primitives so it comes with some layout css which helped in the past.
If you design needs cards that are side by side you should use Card directly and layout the content with our layout components