title: Layout for JavaFX with resizable component and bindings, is this proper? (image included)
body: <p>I'm creating a 2x2 grid which will contain components inside of them. They will look like the following image:</p>
  
  <p><img src="https://i.stack.imgur.com/n0Ryc.jpg" alt="enter image description here"></p>
  
  <p>I'm unsure what the proper layout should be for this. The problem is the bottom right isn't really aligned... so I'm guessing a grid layout won't work (or can it?). I figured I'd do a BorderPane and have the top contain the top two panes, and the bottom contain the bottom two, then do another BorderPane in those and go from there. </p>
  
  <p><strong>1) Is this a good way to approach this (border layout ignoring the center), or is there a better layout?</strong></p>
  
  <p>Next: The blue box will resize based on how large the full screen is. The problem I run into is that after growing large, when it's shrunk, the black boxes (which should always stay the same dimensions, excluding the ones that touch the blue sides which should resize)</p>
  
  <p><strong>2) Is there a way to make the black boxes adjust to the size of the blue box?</strong></p>
  
  <p>By this I mean: If the blue box grows vertically, the top right pane will have to extend vertically as well. Likewise, it also will have to shrink if the blue one does. Can this be done by binding both heights? Since the bottom rectangles won't expand, is there a way to bind it so if the height of the entire pane is <code>x</code> then the bound height that JavaFX will calculate for me will be <code>x - bottomFixedHeight</code>, yet also will not go smaller than lets say <code>128</code> (as an arbitrary example)?</p>
  
  <p>Note: I'm not familiar with multiple bindings, I'm trying to google it though maybe an example could help.</p>