title: div with image gallery will not align center
body: <p>I have a portfolio, which I built myself with the help of lots of people and tutorials. I noticed that the actual gallery (currently featuring 8 thumbs) will not center. Especially when scaled to mobile size it looks a bit crook. </p>
  
  <p>I wrapped the gallery in a div called 'imagewrapper' and gave it these properties;</p>
  
  <pre><code>.imagewrapper{
      width: 80%;
      margin: 0 auto;
      height:100%;
  }
  </code></pre>
  
  <p>Does the width mess with the aligning of my div? The full code is here; <a href="http://kellyvuijst.nl" rel="nofollow">http://kellyvuijst.nl</a>. Would be great if you could send me in the right direction.</p>