List item taking excess width than required (higher screen res)

[Karan4299]

Description

On main project page, where all slides are present. On higher screen res the gap between column increases, but we are also able to click on blank space to select the slide in line (ss attached)

current behaviour:

Getting pointer cursor even outside the list item (in between column gap, specially when width increases)

Expected behaviour:

Should not able to open the slide if cursor is outside it. And list items should align horizontally centre on higher widths.

Steps to Reproduce:

• Go to https://projects.100xdevs.com/
• Press Ctrl/Cmd + '-' to increase the width/resolution.
• Hover between column gap (outside list item.) You will be able to select item and get pointer icon.

Environment:

prod

[Karan4299]

minor css issue. I already have a fix ready. Can I take this.

Fix images:

@hkirat

[hkirat]

looks great, can u PR it?

[mayankgb]

@hkirat can u please see this pull request