Cards layout

by Himanshu Joshi

HTML

<div class="card__container">
  <div class="card">1</div>
  <div class="card">2</div>
  <div class="card">3</div>
  <div class="card">4</div>
  <div class="card">1</div>
  <div class="card">2</div>
  <div class="card">3</div>
  <div class="card">4</div>
  <div class="card">1</div>
  <div class="card">2</div>
  <div class="card">3</div>
  <div class="card">4</div>
  <div class="card">1</div>
  <div class="card">2</div>
  <div class="card">3</div>
  <div class="card">4</div>
  <div class="card">1</div>
  <div class="card">2</div>
  <div class="card">3</div>
  <div class="card">4</div>
  <div class="card">1</div>
  <div class="card">2</div>
  <div class="card">3</div>
  <div class="card">4</div>
</div>

CSS

.card__container{
  padding: 50px;
  background-color: #F4F4F4;
}
.card{
  width: 200px;
  height: 200px;
  display: inline-block;
  /* border: 1px solid black; */
  margin:20px;
  background: linear-gradient(#ffffff, #F4F4F4);
  border-bottom: none;
}