Css horizontal scroll cards

.row{
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
.card {
  /*float: left;*/
  max-width: 33.333%;
  padding: .75rem;
  margin-bottom: 2rem;
  border: 0;
  flex-basis: 33.333%;
  flex-grow: 0;
  flex-shrink: 0;
}

.card > img {
  margin-bottom: .75rem;
  width: 100%;
}

.card-text {
  font-size: 85%;
}

<div class="container">
  <div class="row">
    <div class="card">
      <img src="https://picsum.photos/300/200">
      <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">
      <img src="https://picsum.photos/300/200">
      <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">
      <img src="https://picsum.photos/300/200">
      <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">
      <img src="https://picsum.photos/300/200">
      <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>
</div>

Source: stackoverflow.com

Similar codes

8 votes213 views3 answers
Bootstrap 4 center image
CSS Bootstrap
1 vote166 views1 answer
Remove border between td
CSS
2 votes150 views1 answer
Vertically center an svg
CSS
7 votes162 views2 answers
Text align justify
CSS
1 vote159 views1 answer
Cmd hash file
CSS
0 vote144 views1 answer
Input rtl html
CSS
0 vote154 views1 answer
Imporatn css
CSS
0 vote192 views1 answer
Galerija nije kreirana uspešno
CSS
1 vote173 views2 answers
Scss exceeded maximum budget. Budget 7.00 kB was not met by 841 bytes with a total of 7.82 kB.
CSS
0 vote203 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS Bootstrap