Hi there, i am trying to have one column sticky and one column scrollable in my Grid Section named (About us). I would really appreciate some help.
Thanks
As you can see it’s a simple grid with 2 columns and one row. The first column has a div named “Sticky-Parent” with position set to relative, inside that there is another div “Sticky-container” this is where you will select position sticky, and remember to change the top value. Anything you put inside the container div should stick to the viewport.
I know it’s a year later but just replying for anybody else in a similar situation. I figured out that instead of using a grid element use a container and set it’s display to grid instead and place your content as desired.
Click on your Grid container and make sure it’s set to align to top. The default is stretch. Should work fine after this.
Thank you so much, such an easy solution. It worked perfectly.
Webflow is doing such a grate job, I wish, they would have these information on the videos at university as well, It could have been flowless. I would definitely love to see the videos there that cover a few more scenarios than the straight forward one that shown in the video.