CodePen

HTML

            
              <section>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
</section>
            
          
!

CSS

            
              * {
  @include box-sizing(border-box);
}

div {
  width: 200px;
  height: 100px;
  background: #bada55;
  border-left: 20px solid gray;
  border-right: 20px solid gray;
  border-top: 20px solid gray;
  
  &:last-child {
    height: 120px; /*Height of regular box plus height of border*/
    border-bottom: 20px solid gray;
  }
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................