scroll cards

divs side by side

by hamzeen hameem

HTML

<div id="containersimg">
  <div id="wrapper">
    <div class="square"></div>
    <div class="square"></div>
    <div class="square"></div>
    <div class="square"></div>
    <div class="square"></div>
  </div>
</div>

CSS

#wrapper {
  width: 500px;
  height: 110px;
  margin: 0 auto;
}

#containersimg {
  background-color: #bbb;
  width: 700px;
  height: 135px;
  overflow-x: scroll;
}

.square {
  background-color: #00b;
  float: left;
  height: 90px;
  width: 90px;
  margin: 5px;
}