<script type="text/javascript">


            $(document).ready(function(){
                document.getElementById("result_no").value = 0;
                //var val = document.getElementById("result_no").value;
                    var val =0;

                $.ajax({
                  type: 'post',
                  url: 'fetch.php',
                  data: {
                    getresult: val
                  },
                  context: this,
                  success: function(response) {
                    var content = document.getElementById("result_para");
                    content.innerHTML = content.innerHTML + response;

                    document.getElementById("result_no").value = Number(val) + 15;
                  }
                });
            });

                </script>


                <div id="content">
                    <div id="result_para" class="site__wrapper">

                    </div>
                </div>

<div id="result_para" class="site__wrapper" style="position: relative; height: 18.75px;">
      <div class="grid">
        <div class="card">
          <div class="card__image">
                <article class="card-60">
                </article>
            </div>
        </div>
    </div>

  <div class="grid">
    <div class="card">
      <div class="card__image">
            <article class="card-60">
                <div class="flex-content">
                    <div style="padding-bottom:2em;"></div>
                </div>
            </article>
        </div>
    </div>
  </div>
</div>

<div id="result_para" class="site__wrapper" style="position: relative; height: 18.75px;">
      <div class="grid" style="position: absolute; left: 0px; top: 24px;">
        <div class="card">
          <div class="card__image">
                <article class="card-60">
                </article>
            </div>
        </div>
    </div>

  <div class="grid" style="position: absolute; left: 304px; top: 24px;">
    <div class="card">
      <div class="card__image">
            <article class="card-60">
                <div class="flex-content">
                    <div style="padding-bottom:2em;"></div>
                </div>
            </article>
        </div>
    </div>
  </div>
</div>

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.site__wrapper {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

.grid {
  float: none;
  width: 100%;
  padding-left: 0.2em;
  padding-right: 0.2em;
  padding-bottom: 0.4em;
}

@media screen and (min-width: 40.063em) {
  .grid {
    float: left;
    width: 20%;
  }
}

.card__image > img {
  display: block;
  margin-bottom: 0;
  width: 100%;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.card__image:hover > img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}