Streaming live at 10am (PST)

Highlighting the first collection item in Grid

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.


How could it be fixed?

Thanks.

Hello :slight_smile:

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

1 Like

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

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.

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