title: display image full size css
body: <p>I am trying to display this image in my blog full size : <a href="http://i.imgur.com/BruV8Hk.jpg" rel="nofollow">http://i.imgur.com/BruV8Hk.jpg</a></p>
  
  <p>However it gets cropped ... i don't know why. I have tried rechecking the <code>.header</code> boundaries and I can't see where I would be limiting the size available for the image.</p>
  
  <p>Here is the codepen for the site : <a href="http://codepen.io/anon/pen/grLED" rel="nofollow">http://codepen.io/anon/pen/grLED</a></p>
  
  <p>Please help</p>
  
  <p>EDIT:</p>
  
  <p>Just to clarify .. I would like my <code>.header</code> container to be big enough to house that image in full</p>
  
  <p>EDIT 2:</p>
  
  <p>so i just did this : <a href="http://codepen.io/anon/pen/vJyFn" rel="nofollow">http://codepen.io/anon/pen/vJyFn</a> to get the desired result ... can it be done without all those <code>&lt;br&gt;</code> ?</p>