How to put 4 textarea side by side to fit page?

Comments

[Mariana Beldi]

In my opinion, the best way would be:
a container with display: flex
every textarea with flex-grow: 1

[Simone Aronica]

This is the answer!

[ivkeMilioner]

no

[Sabin Pandelovitch]

The same way you put 4 div side by side. The simplest way is to set a width equal to 25% and give each of them float css prop with left as value... Also the container should have clear:both property

[Corey McCarty]

I'd probably class them together to make it easy as well

[Sabin Pandelovitch]

Indeed, personally I would use flexbox but it would require to understand it

[Simone Aronica]

Though I find Mariana's answer the best, one other thing you might do is use a display: grid; on the parent element and then create two columns of the same width with template-columns: 1fr 1fr 1fr 1fr;

[Krzysztof Florkowski]

Container with display: flex should be enough