title: Grid bag layout not displaying the way I want
body: <p>So I have 6 panels, all of them used a grid layout.
  And I put them together using gridbaglayout, here is the design I wanted</p>
  
  <p><img src="https://i.stack.imgur.com/yNt6s.png" alt="layout"></p>
  
  <p>Turn out it became a total mess
  The "second" panel became much further away to the right
  The third panel is squeezed a lot to the left and it was a disaster.
  Here is my code for the gridbag layout</p>
  
  <pre><code>    c.gridx = 0; c.gridy = 0;
      add (first,c); 
  
      c.gridx = 2; //so that the second panel starts from the center and is divided evenly with the first panel
      add(second,c);
  
      c.gridx = 0; c.gridy = 1;
      add(third,c);
  
      c.gridx = 1; 
      add(fourth,c);
  
      c.gridx = 2;
      add(fifth,c);
  
      c.gridx = 3;
      add(sixth,c);
  </code></pre>
  
  <p>Any help is appreciated.</p>