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

#css #html

Top comments (8)

Mariana Beldi • Dec 8 '19

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

Simone Aronica • Dec 8 '19

This is the answer!

ivkeMilioner • Dec 9 '19

Sabin Pandelovitch • Dec 7 '19

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 • Dec 8 '19

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

Sabin Pandelovitch • Dec 8 '19

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

Simone Aronica • Dec 8 '19

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;