JavaのJPanelとJButtonのレイアウト

目的

JPanelとJButtonを使用して下のレイアウトの作成。

問題点

コードは書いてみましたが
何故下記の画像のようになるのかわかりません。
分かる方がいれば何故なのか教えてくれると助かります。

ソースコード

import java.awt.BorderLayout;
import java.awt.GridLayout;

import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;

public class Quest05 extends JFrame{

public static void main(String[] args) {
	new Quest05();
}

Quest05(){
	this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
	this.setSize(300,300);
	this.setTitle("Quest05");
	
	JPanel jp = new JPanel();
	jp.setLayout(new GridLayout(3,2));
	JButton[] jb = new JButton[6];
	
	for(int i = 0; i<jb.length; i++) {
		jb[i] = new JButton(i+1+"月");
		jp.add(jb[i]);
	}
	JPanel jp1 = new JPanel();
	jp1.setLayout(new GridLayout(1,1));
	JButton[] jb1 = new JButton[1];
	
	for(int i = 0; i<jb1.length; i++) {
		jb1[i] = new JButton(i+7+"月");
		jp1.add(jb1[i]);
	}
		jp.add(jp1);
	
	JPanel jp2 = new JPanel();
	jp2.setLayout(new GridLayout(1,1));
	JButton[] jb2 = new JButton[1];
		
	for(int i = 0; i<jb2.length; i++) {
		jb2[i] = new JButton(i+8+"月");
		jp2.add(jb2[i]);
	}
		jp.add(jp2);
	
	JPanel jp3 = new JPanel();
	jp3.setLayout(new GridLayout(2,2));
	JButton[] jb3 = new JButton[4];
			
	for(int i = 0; i<jb3.length; i++) {
		jb3[i] = new JButton(i+9+"月");
		jp3.add(jb3[i]);
	}
		jp.add(jp3);
	this.getContentPane().add(BorderLayout.CENTER,jp);

	this.setVisible(true);
	}

}