<div class="kapsul">
  <div class="bir">
    <h2>Normal</h2>
    <textarea name="normal">Lorem ipsum dolor sit amet consectetur adipisicing elit. 
  </textarea>
  </div>
  <div class="iki">
    <h2>field-sizing: content;</h2>
    <textarea name="icerik">
  Lorem ipsum dolor sit amet consectetur adipisicing elit. 
</textarea>
  </div>
</div>

@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800,900&display=swap');

.kapsul {
  width: 500px;
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

textarea {
  width: 220px;
  padding: 5px;
  line-height: 1.1em;
}

textarea[name="icerik"] {
  field-sizing: content;
}
















* {
  margin: 0;
  padding: 0;
  outline: 0;
}

body,
textarea {
  font-family: 'Poppins', sans-serif;
}