html5 textarea 样式,CSS-如何在网格列中设置textarea元素的样式？

我正在使用styledcomponents进行响应,并且将头转向css-grid,无法对齐textarea,无法获得正确的高度(下一行溢出)和宽度(必须与右侧的’col3’对齐)：

const Wrapper = styled.div`

display:grid

grid-template-columns: 1fr 1fr 1fr 30px;

grid-template-rows:25% 25% auto;

justify-items: start;

border: solid 1px #000000

`

const ColumnSpan2 = styled.div`

grid-column: 2/4;

grid-row: row 2;

`;

该组件如下所示：

een

twee

{' '}

{' '}

todo iceon

{' '}

Hello comments here

CSS：

body {

margin: 0 auto;

max-width: 60%;

}

textarea{

width: 200%;

height: 100%

}

如何获得正确的textarea样式(我尝试更改grid-template-rows prop但未提供解决方案)