CSS trick: resizing elements without using JS

open — Fri, 22 May 2020 00:27:01 +0000

actually there is a funny and easy way to resizing elements in your page, just by assigning one css class to your elements like so.
html:

<div class="resizable"></div>

css:

div {
    height: 300px;
    width: 300px;
    background-color: #f00;
}
.resizable {
    resize: both;
    overflow: scroll /* or auto */;
    border: 2px solid #000;
}

for more info MDN

but there is somthing anoying, its how can you styling that's little span on the bottom of the resizable element ?

DEV Community: open

CSS trick: resizing elements without using JS