How to create full-page Textarea in CSS

Let's go 🚀,

<textarea class="txt" cols="30" rows="10" placeholder="Enter some text!" value={text} onChange={e => setText(e.target.value)} onKeyDown={keySound}></textarea>

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body{
  height: 100%;
  overflow: hidden;
}
textarea{
  width: 100%;
  height: 100vh;
  resize: none;
  margin: 5px;
  font-size: 25px;
  outline: none;
  border: none;
}

---

Thank you for reading!

• Follow me on Twitter 🐦 - @codewithsnowbit
• Subscribe to me on YouTube - Code With Snowbit
• Follow me on GitHub - codewithsnowbit