Highlighting the first collection item in Grid

Design help General
1

Hello there!

While designing blog, I would like to apply grid for the list of posts. And I want to make the first post in the list bigger, overlapping two cells (see the picture below). But if I change the size of the first item, all the others change as well.

layout
layout600Ɨ564 79.1 KB

How could it be fixed?

Thanks.

2

Hello :slight_smile:

I found this video the other day - it may help.

1 Like
3

Thanks!
That is a great solution for flexbox.
If I am not succeed with grid, I will switch to flexbox and apply this.

4

Such a method seems to work for grid as well.
In CSS we need to specify
grid-column-start and grid-column-end for the first child.

5

Unfortunately, this does not worked out. We cannot manipulate CSS-grid attributes from embed-code.

6

Hi @Pavel_Ershov did you ever find a solution to this? Iā€™m having the same problem and it seems like the first-child selector is not working in webflow or by using custom code.