title: HTML - My content becomes messed up when I zoom in/out
body: <p><a href="http://pastebin.com/1Yz1aF1S" rel="nofollow">http://pastebin.com/1Yz1aF1S</a> HTML/CSS</p>
  
  <p><em>HTML code is in home.html</em>
  <em>CSS code is in stylesheet.css</em></p>
  
  <p>Whenever I zoom in our out my content moves around rather awkwardly and breaks my page a bit. Was wondering how i could fix this issue and work to avoid this issue in the future? Images of the site can be found here!
  <a href="http://imgur.com/a/MbZkk" rel="nofollow">http://imgur.com/a/MbZkk</a></p>
  
  <p>Still new to HTML and only just started learning it properly in University but I've been immensely enjoying it and am thinking about pursuing it as a career! </p>