title: Vaadin 13 Flex Grow
body: <p>I am having trouble with a Vaadin HorizonalLayout - I want the left component to fill most of the horizontal space, as shown in this <a href="https://jsfiddle.net/bj49tLdx/" rel="nofollow noreferrer">Fiddle</a></p>
  
  <p>However, when I run my Vaadin app, the two components divide the screen equally.</p>
  
  <p>My code:</p>
  
  <pre><code>    HorizontalLayout layout = new HorizontalLayout();
      VerticalLayout left = new VerticalLayout(new Span("LEFT"));
      VerticalLayout right = new VerticalLayout(new Span("RIGHT"));
  
      layout.add(left, right);
      layout.setPadding(false);
      layout.setMargin(false);
      layout.setFlexGrow(1.0, left);
      layout.setFlexGrow(0,right);
  </code></pre>
  
  <p>What am I doing wrong?</p>