WAIT: Grid-column and grid-row properties not showing on all elements

Feature Requests / Improvements
1

Hello, I was using CSS Grid, and I wanted to put a button element in the middle column. So, I clicked on the button expecting to see the grid-column and grid-row properties, but I didn’t. I had to wrap an unnecessary div around my button to get those properties. Shouldn’t any child inside of a CSS Grid be able to use those properties?

1 Like
2

Hi @mrapino,

you are right. I’ll talk with the rest of the team about this improvement. I’ll also move this out of the Bugs category, as it’s more of a feature request or improvement.

For now, instead of wrapping the button with a div element, you can use custom CSS, something like this (just update the values to match with your design):

%root%{
    grid-column: 2;
    grid-row:2;
}

–
Matej

3

Today, I was trying to use CSS Grid and discovered that the Grid Item property isn’t available for images. I had to wrap them on a block to access Grid Item. We should have the setting available for any element inside the grid.

image