**I have to columns and am trying have the content fill entire space of the first column. Result I am trying to achieve is in image 1. The result I get is in image 2. I can manyally spread out the content, but as the browser does the refresh, I am back to image 2.
I tried using display: flex and display: grid., with no effect.
Is there something I can fix in my current code to acieve this, or I should take a different approach? What approach should I take: display: grid, display: flex, or something else?
Hello,
try using the auto-fit property for grid view.
Auto-fit collapses those rows and or columns and stretches your item to fit the size of the container.
Also, take look at Auto-placement documentations her, in the last part:
Do you need the #positonEditor element? If not I would suggest removing it and just setting the height and width on the textarea to 100%, or you can keep the #positonEditor element and set height and width on both elements. If you want to avoid the horizontal overflow I guess doing 98% width might work, or you can just hide the overflow.
You might also want to disable the resize on the textarea element by setting resize: none
