Stop white border lines overlapping

Design help General
#1

Hi there,

Can anyone help with this wee design issue, please? I’d like a white borderline on both sides of these collection list items. It looks great on mobile but on desktop, they are overlapping as if the line is 2px instead of 1px. Does anyone know a workaround?

https://preview.webflow.com/preview/pennyblack?utm_medium=preview_link&utm_source=designer&utm_content=pennyblack&preview=8c26ce8fb5ab621f4d3ddcf431c6d3ad&pageId=6095409255209959655d85e0&workflow=preview

Cheers,
Hamish
—

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

#2

@Hamish_Duncan fastest workaround: add -1 to the left margin for the collection item and then just add a 3px left margin on the Work Grid to offset all the negative margins.

Screen Shot 2021-11-25 at 00.04.31
Screen Shot 2021-11-25 at 00.04.311304×448 57.9 KB

#3

Legend, I’ll try that. Thank you so much, Denny. Hamish

#4

It worked a treat! Really appreciate your help on this. Thanks so much.

#5

@Hamish_Duncan glad it worked!

1 Like
#6

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.