Fixed left block and scrolling right block

Hello! I am looking for some advice on creating a fixed left block/column and a scrolling right, here is an example site of what I am trying to achieve. (They have used it here for the first section) Thank you! 

https://alnth.com/notes

Here is another example - https://lina-zangers.de/imprint/

I think you can add 2 sections, then share link to page, we can use CSS code to make left section sticky, and right is scroll.

What do you think?

Thank you! Here is a link to the page. It has two sections, but I am not sure how to put them side by side.  https://lauradillonrogers.com/lenore-new-2024

On 3/27/2024 at 8:04 PM, JessicaBreed said:

Thank you! Here is a link to the page. It has two sections, but I am not sure how to put them side by side.  https://lauradillonrogers.com/lenore-new-2024

You mean white section and yellow background section?

Yes, with the yellow/green section being a scroll on the right, and the white section being fixed on the left (side by side)

On 3/29/2024 at 9:03 PM, JessicaBreed said:

Yes, with the yellow/green section being a scroll on the right, and the white section being fixed on the left (side by side)

You can use this code to Website > Website Tools > Custom CSS

@media screen and (min-width:768px) {
[data-section-id="660417a4e7aec84c187561f6"], [data-section-id="660417a4e7aec84c187561f6"]+section {
    width: 50% !important;
    float: left !important;
}
}