How to resize rich text fields

I would like to resize the height of a rich text field so that it is the height is that of the screen (so that the field takes up the whole computer screen essentially).

I found a css code that helps but with a more set height vs. automated to the screen size. but it does not come out right. the submit button moves down lower on the screen leaving a large gap between the field and the button, and the field stays the same height.

 

/* rich text field size */
#view_186 li.kn-form-col.column.is-constrained {
height: 1000px

}