Topic: Card shadow effect bug with .card-columns

takutolehr pro asked 6 years ago


https://imgur.com/a/USDzFla

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.


Arman Murzabulatov free answered 5 years ago


As a workaround you can set minimum top margin (mt-1) for card


Marta Wierzbicka staff commented 5 years ago

Yes, that's right.


Marta Wierzbicka staff answered 6 years ago


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



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes
Tags