CSS sticky not working

Community resources General
1

I am just trying out CSS sticky to sticky a column on the left whilst the right column continues to scroll.

I have a very basic page here, with the Sticky test div set to sticky, and a height of 20px. From a look on the forum it looked like overflow not being set to visible might be the culprit. But as far as I can tell it all looks good.

if anyone could spot what I’m missing that would be much appreciated. Thank you!

https://preview.webflow.com/preview/edifyvr?utm_medium=preview_link&utm_source=designer&utm_content=edifyvr&preview=329f4542c26a7c6b35281749fee1ac01&pageId=60ab7f8e8dc9cf5f8a039f91&mode=preview

2

OK, I found the solution. The alignment for the grid was set to stretch, and needed to be changed to align to the top.

sticky_issue
sticky_issue534×868 31.7 KB