<div class="fs-grid">
	<div class="fs-row fs-all-justify-center">
    <div class="fs-cell fs-md-4 fs-lg-8">
      
      <div class="post p_1">
  			<div class="post_profile js-sticky" data-sticky-container=".p_1">
          <img src="//spacehold.it/120x120/1.jpg" alt="">  
        </div>
  			<div class="post_image">
				  <img src="//spacehold.it/600x600/1.jpg" alt="">
        </div>
      </div>
      
      <div class="post p_2">
  			<div class="post_profile js-sticky" data-sticky-container=".p_2">
          <img src="//spacehold.it/120x120/2.jpg" alt="">  
        </div>
  			<div class="post_image">
				  <img src="//spacehold.it/600x600/2.jpg" alt="">
        </div>
      </div>
      
      <div class="post p_3">
  			<div class="post_profile js-sticky" data-sticky-container=".p_3">
          <img src="//spacehold.it/120x120/3.jpg" alt="">  
        </div>
  			<div class="post_image">
				  <img src="//spacehold.it/600x600/3.jpg" alt="">
        </div>
      </div>
      
            <div class="post p_4">
  			<div class="post_profile js-sticky" data-sticky-container=".p_4">
          <img src="//spacehold.it/120x120/4.jpg" alt="">  
        </div>
  			<div class="post_image">
				  <img src="//spacehold.it/600x600/4.jpg" alt="">
        </div>
      </div>
      
      <div class="post p_5">
  			<div class="post_profile js-sticky" data-sticky-container=".p_5">
          <img src="//spacehold.it/120x120/5.jpg" alt="">  
        </div>
  			<div class="post_image">
				  <img src="//spacehold.it/600x600/5.jpg" alt="">
        </div>
      </div>
      
      <div class="post p_6">
  			<div class="post_profile js-sticky" data-sticky-container=".p_6">
          <img src="//spacehold.it/120x120/6.jpg" alt="">  
        </div>
  			<div class="post_image">
				  <img src="//spacehold.it/600x600/6.jpg" alt="">
        </div>
      </div>
      
      <div class="post p_7">
  			<div class="post_profile js-sticky" data-sticky-container=".p_7">
          <img src="//spacehold.it/120x120/7.jpg" alt="">  
        </div>
  			<div class="post_image">
				  <img src="//spacehold.it/600x600/7.jpg" alt="">
        </div>
      </div>
      
    </div>
  </div>
</div>

body {
  background: #eee;
  
  padding: 100px 0 40px;
}

.header {
  width: 100%;
  height: 60px;
  
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  
  background: #ccc;
  border-bottom: 1px solid #c0c0c0;
}

.post {
  position: relative;
  
  margin: 3% 0;
  
  .post_profile {
    width: 15%;
    
    border: 1px solid #ddd;
    border-radius: 100%;
    float: left;
    overflow: hidden;
  }
  
  .post_image {
    margin-left: 17%;
    
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: 30px 0 50px;
  }
  
  img {
    width: 100%;
    
    display: block;
  }
}

$(document).ready(function() {
  $(".js-sticky").sticky({
    offset: 80
  });
  $("img").on("load", function() {
    $(".js-sticky").sticky("reset");
  });
});