A Pen by Arunkumar.

fxLjA.markdown

Grid layout with margins only on the middle.

-- using mixins from scss

A Pen by Arunkumar on CodePen.

License.

index.jade

- for(var i =0; i<10; i++)
    div.person
      img(src="http://fc01.deviantart.net/fs7/f/2006/347/b/d/Darth_Vader_by_erwebb.png")

style.scss

@import "bourbon";
* {
  box-sizing: boder-box;
}
body {
  background: black;
}

@mixin gridImage($maxImg, $width) {
  width: ((100% - (($maxImg - 1) * $width))/ $maxImg);
  margin-right: $width;
  margin-bottom: $width;
  &:nth-child(#{$maxImg}n) {
    margin-right: 0;
  }
}

.person {
  @include gridImage(5, 2%);
  
  @media (max-width: 1200px) {
    @include gridImage(3, 2%);
  }
  float: left;
  background: white;
  img {
    max-width: 100%
  }
}