title: How to make the page layout stay the same after minimized?
body: <p>How do I make my page layout stay the same and not become all clumped up when minimized? </p>
  
  <p><a href="https://i.stack.imgur.com/JLveT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JLveT.png" alt="this is how the page is supposed to normally look"></a></p>
  
  <p>but when minimized the page layout becomes </p>
  
  <p><a href="https://i.stack.imgur.com/ieyLU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ieyLU.png" alt="all squished out and the layout is messed up"></a></p>
  
  <p>. I was wondering how I could fix this? I'm still new to HTML and CSS so I was having trouble with figuring this out.</p>
  
  <p>Sorry if the coding is a bit messed up this is my first time doing html and css! Appreciate all of the help I can get. I'm also doing this with google apps script.</p>