Grid card auto adjustable

[kmk]

Hi @Ehren and all, the grid card style of forums always leave some space ... is possible use css to made cards size auto adjustable according the screen size?

[Ehren]

Hello,

It depends what solution you're after. If you only have 2 forums in a grid layout, there will likely be a few empty cells after those. To make the cells occupy the entire width, add this to custom.css

.ipsForumGrid {
	grid-template-columns: repeat(auto-fit, minmax(var(--ipsForumGrid--width), 1fr));
}

 

If you have multiple rows of forums (say 3 on one row and 2 on another), the above code will still leave an empty cell on the right side of the bottom row. To fix this (so the bottom cells occupy the entire row), you'd need to recode the grid using flexbox.

[kmk]

9 minutes ago, Ehren said:

Hello,

It depends what solution you're after. If you only have 2 forums in a grid layout, there will likely be a few empty cells after those. To make the cells occupy the entire width, add this to custom.css

.ipsForumGrid {
	grid-template-columns: repeat(auto-fit, minmax(var(--ipsForumGrid--width), 1fr));
}

 

If you have multiple rows of forums (say 3 on one row and 2 on another), the above code will still leave an empty cell on the right side of the bottom row. To fix this (so the bottom cells occupy the entire row), you'd need to recode the grid using flexbox.

Fortunately I just have one row of 3 forums... 🐼