query 1: How can I make the bottom-left textarea move together with the top-left textarea when I drag it down?
query 2: What is the solution to prevent the left-bottom textarea from moving when I drag down the top-right textarea?
<div class="container">
<textarea class="area1"></textarea>
<textarea class="area1"></textarea>
</div>
<div class="container">
<textarea class="area1"></textarea>
<textarea class="area1"></textarea>
</div>
.container
{
width: 820px;
height: 250px;
margin: auto;
}
.area1
{
width: 400px;
height: 250px;
background: white;
color: black;
float: left;
resize: vertical;
}