title: Angular Material 2 - How to lock mat-toolbar and mat-tabs to the top
body: <p>For my <a href="https://danielturcich.com/" rel="noreferrer">Website</a> I'm attempting to lock the &lt; Mat-Toolbar > to the top of the screen and then directly under that I want to lock the &lt; Mat-Tabs > .</p>
  
  <p>The issue I'm running into is that position: fixed in CSS is not locking it at all, and when I actually go to the site and inspect element it's putting in a &lt; div > </p>
  
  <p><a href="https://i.stack.imgur.com/f39ef.png" rel="noreferrer"><img src="https://i.stack.imgur.com/f39ef.png" alt="enter image description here"></a></p>
  
  <p>How am I supposed to lock these two elements to the top, how am I supposed to bypass this auto created Div? I had a previous question similar to this but I solved that using Fixed and Absolute positioning, which that does not apply in this newer version of Angular/ Angular Material.</p>
  
  <p><a href="https://github.com/buffet-time/DanielTurcich.com" rel="noreferrer">Source Code for my Website</a></p>