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

0 vote252 views5 answers
Style
CSS
6 votes252 views2 answers
Css grid full width row
CSS
1 vote259 views1 answer
Michigan score
CSS
24 votes250 views3 answers
Css remove outline
CSS
0 vote243 views1 answer
Css ripple effect
CSS
0 vote266 views1 answer
Como diminuir uma imagem em css
CSS
2 votes239 views1 answer
Css border different sides
CSS
0 vote242 views3 answers
Div
CSS
47 votes255 views4 answers
Transform
CSS
0 vote265 views1 answer
Css - global -Typogryphy
CSS