Outlines overlap

Design help General
1

Hi,

I am trying to create outlined divs and cannot handle thicker line issues as shown in the below link as an example. Could anyone help with this?

Many thanks.

https://preview.webflow.com/preview/question-4df70e?utm_medium=preview_link&utm_source=designer&utm_content=question-4df70e&preview=1e87459ab6068b2ef823b28d9b4dabcd&mode=preview

2

Hello John, you can solve this in multiple ways.

  1. Give middle one a combo class and make it’s side borders invisible, let it have only top and bottom
  2. Make each of them a sepparate class and outlline as you wish
  3. Just give them -2 margin on either left or right and they’ll adjust themselves.

Let me know if you need anything else, cheers…

3

Thank you for your help.