Как получить colspan=2 в макете CSS-сетки? ⇐ CSS

[Anonymous]

В моем компоненте реагирования я пытаюсь (впервые) использовать макет сетки CSS. Столбец должен охватывать 2, но это только 1:

Код: Выделить всё

   < Value textAlign="right" gridCol={1} gridRow={index + 3} weight={'regular'}>


Non-recurring income 
Non-recurring expense
Rental Income (new purchase)
Rental Expense (new purchase)
Discretionary Super
Capex
Working Capital Adjustments 




{adjustment.lastYear}



{adjustment.currentYear}



DEL



Leave your comments here

Это стильный компонент:

Код: Выделить всё

const ValueComments = styled.div`
grid-column: 2/ 4;
`;

Как создать столбец из 2 . Кроме того, когда у меня есть более 1 корректировки, макет отключен:

const корректировкиWrong = [{lastYear: 2000, currentYear: 1000 }, {lastYear: 300, currentYear: 500 }]
const корректировки = [{lastYear: 2000, currentYear: 1000 }]

Подробнее здесь: https://stackoverflow.com/questions/554 ... css-layout