.container
  .row
    .item
      .item__img
      p.item__text Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.
    
    .item
      .item__img
      p.item__text There are many variations of passages of Lorem Ipsum available, but the majority
   
    .item
      .item__img
      p.item__text All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.
View Compiled 
.container {
  max-width: 1170px;
  margin: 50px auto;
}

.row {
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}

.item {
  
  width: calc(33.33% - 30px);
  margin-left: 15px;
  margin-right: 15px;
  
  &__text {
    font-family: sans-serif;
    font-size: 20px;
  }
  
  &:nth-child(1) {
    .item__img {
      height: 100px;
      background: #FFB0B0;
    }
  }
  
  
  &:nth-child(2) {
    .item__img {
      height: 130px;
      background: #FFB0B0;
    }
  }
  
  
  &:nth-child(3) {
    .item__img {
      height: 80px;
      background: #FFB0B0;
    }
  }
  
  
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.