Arranging a column as row in small screens

[luisrosety 0]

Hi all, I have started using W3.CSS and it is really impressing.
I would like to arrange the last column of a table as a row at the end of that table but I can't find the way.

Any help?

Thanks

[dsonesuk 902]

With tables you CAN'T! you can't make column in one row a new full width column within another row. That is why they are useless for responsive design.

Edited December 6, 2019 by dsonesuk

[luisrosety 0]

Thanks for the reply.
I have used a wrong description.
I was talking of responsive grid when you arrange cells as a typical table layout.
The responsive grid works well stacking groups of columns when viewing with a small screen.
But what I would like to do is arranging the last cell column as a row under the first bigger cell.

Is it possible with responsive grid?

Thanks.

[dsonesuk 902]

Use identifier selector for last, then use properties grid-column: grid-row: with span with number of rows it should span to.

https://www.w3schools.com/css/tryit.asp?filename=trycss_grid_item