You can't have a fixed width .column
and then have the ability to resize an element to be wider than the column width. Let the .column
width be auto
and move the width to the .portlet
- see demo or below for the change.
.column {
float: left;
padding-bottom: 100px;
}
.portlet {
width: 170px;
margin: 0 1em 1em 0;
}
Also, as @SanketS already answered and @Rudy commented, you need to add $('.portlet').resizable()
to make the elements resizable.