Responsive card css

/*I really love Bootstrap for these kind of things:*/

<div class="card-group">
  <div class="card">
    <img src="..." class="card-img-top" alt="...">
    <div class="card-body">
      <h5 class="card-title">Card title</h5>
      <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
    </div>
    <div class="card-footer">
      <small class="text-muted">Last updated 3 mins ago</small>
    </div>
  </div>
  <div class="card">
    <img src="..." class="card-img-top" alt="...">
    <div class="card-body">
      <h5 class="card-title">Card title</h5>
      <p class="card-text">This card has supporting text below as a natural lead-in to additional content.</p>
    </div>
    <div class="card-footer">
      <small class="text-muted">Last updated 3 mins ago</small>
    </div>
  </div>
  <div class="card">
    <img src="..." class="card-img-top" alt="...">
    <div class="card-body">
      <h5 class="card-title">Card title</h5>
      <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</p>
    </div>
    <div class="card-footer">
      <small class="text-muted">Last updated 3 mins ago</small>
    </div>
  </div>
</div>

Source: getbootstrap.com

Similar codes

1 vote329 views1 answer
How to contain an image within a div
CSS
0 vote343 views1 answer
Cmd batch application position windows script -cmdow
CSS
1 vote428 views1 answer
Sticky mat-toolbar
CSS
0 vote353 views1 answer
Line sharpness css
CSS
0 vote375 views1 answer
How to authenticate with atlassian's Personal data reporting API
CSS
0 vote288 views1 answer
Sumar clases css
CSS
15 votes319 views2 answers
Border-box css
CSS
0 vote359 views1 answer
Gh: stop using --force !!!
CSS
61 votes340 views6 answers
Center text in css
CSS
0 vote324 views1 answer
Ellipsis css in table cell 2 lines
CSS