DEV Community

Cover image for How to create full-page Textarea in CSS
Dhairya Shah
Dhairya Shah

Posted on • Originally published at codewithsnowbit.hashnode.dev

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>
Enter fullscreen mode Exit fullscreen mode
*{
  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;
}
Enter fullscreen mode Exit fullscreen mode

Thank you for reading!

Top comments (0)