Make HTML elements resizable

If you quickly wanna test out or prototype layouts, you can add a resize property (+ overflow) and then you can drag the bottom-right corner.

div {
    resize: both;
    overflow: auto;
}

You can also limit it to only horizontal or vertical resizing. Here the Docs. It basically adds inline width and/or height styles on that element.

Browser support: Unfortunately it doesn't work in all browsers. Also, Chrome and Firefox have a different implementation of the min/max. So it kinda limits this to be used only during development or testing.

See the demo.