Spacing between card components

Topic: Spacing between card components

mcurry pro asked 4 years ago

I'm showing 3 cards in a column, but I can't get the spacing between the cards to increase, they are drawn on top of each other. How can I specify spacing between cards in a column?

I tried placing "mb-r" in the column class definition as suggested in another ticket, but it hasn't worked. I've tried various things from the spacing documentation, and setting margin and padding directly.

<div class="col-md-6 p-3">
    <mdb-card>
        Card Content
    </mdb-card>
    <mdb-card>
        Card Content
    </mdb-card>
    <mdb-card>
        Card Content
    </mdb-card>
</div>

Add comment

Konrad Stępień staff answered 4 years ago

0 0 Best answer

Can you use mb-{1-5} class.

Like this:

<div class="col-md-6 p-3">
  <mdb-card class="mb-4">
      Card Content
  </mdb-card>
  <mdb-card class="mb-4">
      Card Content
  </mdb-card>
  <mdb-card>
      Card Content
  </mdb-card>
</div>

Best, Konrad.

B.L.o.w free commented 4 years ago

@Konrad Stępień . I have done the same and nothing changes.

Konrad Stępień staff commented 4 years ago

Can you provide code?

Add comment

Write

Create snippet

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 Angular
MDB Version: 9.0.0
Device: PC
Browser: Chrome
OS: Windows 10 Pro
Provided sample code: No
Provided link: No

mcurry

Pro User 20Support score
3Questions 1Answers 0Snippets