Spread content over 2 columns in details page with 3 column view

Ask the community
1

I have a page which has details with a 3 column view and 3 rows. I would like the last row, 2nd column to spread over columns 2 and 3 since the content is much longer than the others. Is there a way in which I can do this?

2

Yes, add this custom code in Page Settings > Custom Code > Header Code

/* set field width to 66% */
#list-details1 .MuiGrid-container div:nth-child(2),
{
flex-basis: 66%;
-webkit-box-flex: 0;
flex-grow: 0;
max-width: 100%;
}

Make sure that the list details block name is list-details1 or change in the code above accordingly.