Published
January 28, 2023
Updated
Do you have a Collection list laid out as a CSS grid, and you want to make some items larger than others?
Whether it's featured posts, sponsored posts, or product specials, sometimes you want an individual CMS item to span multiple columns or rows in your grid.
Let's look at two approaches;
First CMS item larger only
In early 2024, Webflow added a new feature that supports custom styles directly in the designer style panel.
CMS Item-specific sizing
More complex scenarios require slightly more creative solutions.
![](https://assets.sygnal.com/https://cdn.prod.website-files.com/59b8d49f7fdf9700017d783a/66c6c0347cbda3e816f14669_656b796038cd991d2fda7479_css-grid.avif)
Here's how you can.
Resources
References
https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column