Responsive question for the section divider.

Hi,

I love the zigzag pattern created from the section divider.

However, the zigzag pattern looks very different from laptop to mobile view.

Does anyone know how to solve this situation? I love how it looks on the laptop view.

PAGE: https://cr-proto.squarespace.com/about

Thanks in advance.

Instead of using 2vw and 1vw as the values (vw relates to viewport width and scales with the screen size), type in a pixel value and it will remain consistent on desktop and mobile. i.e. 40px and 20px

You could also try 4rem and 2rem as these will scale a bit between desktop and mobile, but not as much as vw.

Good luck playing with those!

Hi @Ziggy,

Yes, I thought that, too. But the system doesn't allow me to put in 'rem' instead of vw.

Do you have any other suggestions that I can try? Thank you.

Hi @Ziggy,

Oh yes, you're right. The pixel value is helpful : ) Thanks a lot!