title: When dynamically scaling a table (in a bootstrap vue tab section) one section does scale, another does not, can someone explain this to me?
body: <p>Ive created a Component that represents two tabs (register and login),
  <a href="https://i.stack.imgur.com/101yR.png" rel="nofollow noreferrer">The tabs</a></p>
  <p>In both tab-components ive called the same piece of code to re-adjust the styling when the pagewidth is small enough, which seems to work in the register section but does nog in the login section</p>
  <p><a href="https://i.stack.imgur.com/VerV3.png" rel="nofollow noreferrer">The code for the form in the login tab</a></p>
  <p><a href="https://i.stack.imgur.com/e2mrd.png" rel="nofollow noreferrer">The script and styling of the login tab</a></p>
  <p>Im new to stack-overflow so if I made any mistakes with my question please let me know!</p>
  <p>Edit: I miswrote Mounted in my original code, changed it to mounted and now it works when the page is reloaded, but my goal is to let it change dynamically when the screen is resized (same code works fine for the Register part)</p>