title: Use GridLayout to make a smart layout that responds to the window being resized?
body: <p>When the user resizes a window in my Vaadin 6 or 7 web app, I want to have the various areas of the layout resize larger or smaller to take best advantage of the usable space.</p>
  
  <p>GridLayout seems like the way to do that. But getting started with GridLayout can be tricky. I read the GridLayout <a href="https://vaadin.com/api/com/vaadin/ui/GridLayout.html" rel="noreferrer">API page</a>, as well as the Book of Vaadin (<a href="https://vaadin.com/book/vaadin7/-/page/layout.gridlayout.html" rel="noreferrer">GridLayout page</a> and the <a href="https://vaadin.com/book/vaadin7/-/page/layout.settings.html" rel="noreferrer">Layout Formatting page</a>).</p>
  
  <p>An example showing GridLayout in action would be helpful.</p>