search

creativetimofficial / ct-impact-design-system-pro

Impact Design System PRO
https://demos.creative-tim.com/impact-design-system-pro/
3 stars 2 forks source link

[Feature Request] Sizing on cards in groups/decks #12

Open smaddock opened 4 years ago

smaddock commented 4 years ago

What is your enhancement?

Sometimes I want the appearance of a card deck, but also be able to control the responsive breakpoints. Currently I have to do something like:

<div class="row">
  <div class="col-12 col-md-4">
    <div class="card" style="height: 85%">
      ...
    </div>
  </div>
  <div class="col-8 col-md-4">
    <div class="card" style="height: 85%">
      ...
    </div>
  </div>
  <div class="col-4">
    <div class="card" style="height: 85%">
      ...
    </div>
  </div>
</div>

It would me nice if instead we could do something like:

<div class="card-deck">
  <div class="card-12 card-md-4">
    ...
  </div>
  <div class="card-8 card-md-4">
    ...
  </div>
  <div class="card-4">
    ...
  </div>
</div>
zoltanszogyenyi commented 3 years ago

Hey @smaddock,

We'll take a look into this. Did you try to use the flex classes from Bootstrap? Maybe they would be of great help in this kind of situations https://getbootstrap.com/docs/4.0/utilities/flex/.