Dropdown z-index inside grid issue

Design help Layout & Design
1

Hello!

I’ve spent multiple hours trying to fix this, but I’ve given up :frowning:

I have a grid, in which each box contains a title and two divs, staked vertically in that order. The last div contains a dropdown with two download links.

For some reason, the dropdown list box is appearing behind the grid box below it. I’m not sure why this is happening, since the indexing for the grid should apply to all the elements inside it, I think?

I’ve tried playing with the Position and z-index, but nothing seems to work.

I’m sure this is an easy fix for someone with more webflow understanding than me, but I’m honestly lost.

How you can help me :slight_smile:

image
image1063×704 73 KB

Here is my site Read-Only: Webflow - INBIOT SITE

2

Hey Gina

First row of landing grid block add combo class and change z-index: 5
Second row also same steps and change z-index: 2

fix
fix1366×728 79.3 KB

3

Hello, thank you for your reply. I have a question though, won’t this fix stop working in responsive, since the rows are different? Although, I guess I could give a different class to each grid box and a different z-index too. There must be a ‘cleaner’ way though, right?

image
image590×816 49.8 KB