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;
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
Top comments (8)
In my opinion, the best way would be:
a container with
display: flexevery textarea with
flex-grow: 1This is the answer!
no
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 withtemplate-columns: 1fr 1fr 1fr 1fr;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:bothpropertyI'd probably class them together to make it easy as well
Indeed, personally I would use flexbox but it would require to understand it
Container with
display: flexshould be enough