# Quick start
Prepare a DIV with width and height.
```html
```
Then you can initialize a PoPo instance with the [P.init](/en/global#init) method and generate the corresponding layout. Next, we create two relatively simple layouts.
## Create a uniform layout
```html
PoPo
```
So we created a total of 12 uniform panel layout:
## Create a free layout
```html
PoPo
```
So we created a total of five different width of the panel layout of the grid：
## Add panel layout
We are in the above free layout based on the middle of the three panels to add [panel layout](/en/panel.md)
```html
PoPo
```