title: Center widgets within a layout in Vaadin Flow
body: <p>When I have small widget such as a <code>LoginLayout</code> within another layout appearing in a much larger window, how can I center the content? I want the content to appear approximately in the middle of the window with respect to both width and height.</p>
  
  <p>I found older Questions on this topic such as <a href="https://stackoverflow.com/q/28559028/642706">this</a> and <a href="https://stackoverflow.com/q/41416572/642706">this</a>, but they are for the previous generation of <a href="https://en.wikipedia.org/wiki/Vaadin" rel="nofollow noreferrer">Vaadin</a> (versions 6, 7, 8) before Flow (versions 10+, now 14). </p>