Styling Forms

<form>
  <p>Try dragging the resizer and notice that you can resize it only vertically:</p>
  <textarea id="vertical-resizer" rows="4" placeholder="Your Comments Here"></textarea>
  <p>Try dragging the resizer and notice that you can resize it only horizontally:</p>
  <textarea id="horizontal-resizer" rows="4" placeholder="Your Comments Here"></textarea>
</form>

textarea {
  width: 70%;
  padding: 15px;
  border: 1px solid lightgray;
}

#horizontal-resizer {
    resize: horizontal;
}

#vertical-resizer {
    resize: vertical;
}