Создание драгбара для изменения размера DIV внутри CSS GRIDS ⇐ Html

[Anonymous]

У меня есть 2 коробки и вертикальная линия div в одном уникальном контейнере (код и скрипание ниже). < /p>
Я использую сетки CSS для размещения моих элементов внутри контейнера < /p>
То, что я хотел бы достичь, - это использовать вертикальную линию, чтобы изменить размер горизонтально. Вопрос в новой, я новичок в веб-разработке, использовал только Python раньше, уже пытался поиск Google и StackOverflow, но все решения кажутся чрезмерно сложными и, как правило, требуют дополнительных библиотек, я искал что-то простое и только JS. class = "Snippet-Code-CSS Lang-CSS PrettyPrint-override">

Код: Выделить всё

body {
margin: 40px;
}

.wrapper {
display: grid;
grid-template-columns: 200px 8px 200px;
grid-gap: 10px;
background-color: #fff;
color: #444;
}

.box {
background-color: #444;
color: #fff;
border-radius: 5px;
padding: 20px;
font-size: 150%;
resize: both;
}

.handler {
width: 3px;
height: 100%;
padding: 0px 0;
top: 0;
background: red;
draggable: true;
}< /code>

A

B

Подробнее здесь: https://stackoverflow.com/questions/469 ... -css-grids