# Making the Trix Editor Resizable

DevFeed: [Making the Trix Editor Resizable](<https://devfeed.tech/articles/making-the-trix-editor-resizable-28353.md>)

Original publisher: [Read original article](<http://fuzzyblog.io/blog/trix/2020/01/01/making-the-trix-editor-resizable.html>)

Author: Fuzzygroup

Published: 2020-01-01T00:00:00Z

Content type: tutorial

Language: en

Sources: [Scott Johnson](<https://devfeed.tech/sources/scott-johnson.md>)

Topics: [CSS](<https://devfeed.tech/topics/css.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [Development](<https://devfeed.tech/topics/development.md>)

Tags: [css](<https://devfeed.tech/tags/css.md>), [development](<https://devfeed.tech/tags/development.md>), [trix](<https://devfeed.tech/tags/trix.md>), [web-development](<https://devfeed.tech/tags/web-development.md>)

## AI overview

A brief tutorial showing a CSS addition that limits the maximum height of a Trix editor window and makes it resizable using vertical overflow.

## Source excerpt

It is interesting that my first post of 2020 is actually a CSS trick. That's quite an evolution in my web development practices from 2019. Here is a CSS addition that limits the max height of your trix editor window and makes it resizable: .trix-content { max-height: 800px !important; #set whatever height you want overflow-y: auto; } Trix Editor Resources https://trix-editor.org/ Go Rails Headway on Trix Github