<h1>List of Products</h1>
<section>
  <article>
    <div class="frame">
      <header>Something</header>
      <p>
        Lorem ipsum howdy you doodle goodle gobbligook you this is fantastic and amazing. However, it won't be justified until confirmed innocent and elegant in the end. God bless this work. Amen.
      </p>
    </div>
  </article>
  <article>
    <div class="frame">
      <header>Something</header>
      <p>
        Lorem ipsum howdy you doodle goodle gobbligook you this is fantastic and amazing. However, it won't be justified until confirmed innocent and elegant in the end. God bless this work. Amen.
      </p>
    </div>
  </article>
  <article>
    <div class="frame">
      <header>Something</header>
      <p>
        Lorem ipsum howdy you doodle goodle gobbligook you this is fantastic and amazing. However, it won't be justified until confirmed innocent and elegant in the end. God bless this work. Amen.
      </p>
    </div>
  </article>
  <article>
    <div class="frame">
      <header>Something</header>
      <p>
        Lorem ipsum howdy you doodle goodle gobbligook you this is fantastic and amazing. However, it won't be justified until confirmed innocent and elegant in the end. God bless this work. Amen.
      </p>
    </div>
  </article>
  <article>
    <div class="frame">
      <header>Something</header>
      <p>
        Lorem ipsum howdy you doodle goodle gobbligook you this is fantastic and amazing. However, it won't be justified until confirmed innocent and elegant in the end. God bless this work. Amen.
      </p>
    </div>
  </article>
  <article>
    <div class="frame">
      <header>Something</header>
      <p>
        Lorem ipsum howdy you doodle goodle gobbligook you this is fantastic and amazing. However, it won't be justified until confirmed innocent and elegant in the end. God bless this work. Amen.
      </p>
    </div>
  </article>
  <article>
    <div class="frame">
      <header>Something</header>
      <p>
        Lorem ipsum howdy you doodle goodle gobbligook you this is fantastic and amazing. However, it won't be justified until confirmed innocent and elegant in the end. God bless this work. Amen.
      </p>
    </div>
  </article>
</section>
body
  overflow-y hidden

h1 
  margin 10px 5% 0 0
  border-bottom 2px solid black

section
  margin 10px 0 0 0
  
  article
    width 22%
    height 300px
    display inline-block  
    margin 0 2% 20px 0
    
    .frame
      border 1px solid black
      padding 2vw 2vw
         
    header
      font-size 2em
      font-weight bold
    
    
  
  
View Compiled
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. //cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js
  2. //cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js