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

4 votes317 views1 answer
Target css by form name
CSS
26 votes301 views2 answers
Onhover mouse pointer css
CSS
0 vote322 views1 answer
Add logo html css
CSS
0 vote374 views1 answer
Outting a border on a map css
CSS
1 vote324 views2 answers
Css button border
CSS
0 vote282 views1 answer
ERROR in multi ./node_modules/ngx-toastr/toastr.css ./src/styles.scss
CSS
0 vote301 views1 answer
Input readonly css
CSS
36 votes310 views2 answers
Css translate x and y
CSS
1 vote307 views2 answers
1rem to px
CSS
0 vote318 views1 answer
Print zend db select query to string
CSS