[Bug] Cards not mobile-optimized

[dr460nf1r3]

Description:

Cards are not mobile-friendly.

Version

0.3.1

What happens?

Currently looks like this:

What is expected to happen?

Should not have flex in this mode.

Logs

No response

More information

I fixed it via:

.garuda-card-product-showcase-header {
  @apply block md:flex !important;
}

.garuda-card-thumbnail-container {
  @apply mb-5 mr-0 md:mr-10 !important;
}

Pure CSS:

.garuda-card-product-showcase-header {
  display: block; 
  @media (min-width: 768px) {
    display: flex; 
  }
}

.garuda-card-thumbnail-container {
  margin-bottom: 1.25rem;
  margin-right: 0px;
  @media (min-width: 768px) {     
   margin-right: 2.5rem
  }
}

Gives this result: