title: Bootstrap columns cause horizontal scrollbar
body: <p>At the "My Work" section of this website:
  <a href="https://mrdylan123.github.io/portfolio" rel="noreferrer">Website</a></p>
  
  <p>something is causing it to be too wide.</p>
  
  <p>When you hover over a project (or trigger the :hover state on the <code>&lt;div class="projectbox"&gt;</code> and look at the project icons (eye, github and images) the last project's "images" is what causing it I think.</p>
  
  <p>However, I do not know why this is. Should I just remove the padding from these buttons? I feel like that's kind of not what you're supposed to be doing. (If the padding is even what's causing it to happen).</p>
  
  <p>Relevant code:</p>
  
  <p><a href="https://i.stack.imgur.com/CEWsH.png" rel="noreferrer"><img src="https://i.stack.imgur.com/CEWsH.png" alt="Relevant code"></a></p>