Topic: Card shadow effect bug with .card-columns
The shadow effect for .card appears at the very bottom of the container when they are inside of .card-columns.There is no padding in the card or margin on the image inside it. This only happens in the first and second columns.
I confirmed that this doesn't happen in Firefox but it does in Chrome on OSX and Debian 9.
Hi,
this shadow is a top border of next card, as you can see on this screenshot:
this is caused by
@media (min-width: 576px) { .card-columns .card { display: inline-block; } }
For now, we don't have a solution for this issue but we will try to fix this as soon as possible and we will inform you about it. I apologize for the problems.
Best,
Marta
As a workaround you can set minimum top margin (mt-1) for card
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: Yes