# Sticky side bar 2:1 container

**URL:** https://community.glideapps.com/t/sticky-side-bar-2-1-container/84248
**Category:** Ask for Help
**Created:** [September 8, 2025, 3:24pm UTC](https://community.glideapps.com/t/sticky-side-bar-2-1-container/84248 "2025-09-08T15:24:50Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![Lewis\_Parker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lewis_parker/32/91147_2.png) [@Lewis\_Parker](https://community.glideapps.com/u/Lewis_Parker)
#### Post date: [September 8, 2025, 3:24pm UTC](https://community.glideapps.com/t/sticky-side-bar-2-1-container/84248/1 "2025-09-08T15:24:50Z")

</div>

Hey, id love to use a 2:1 container and for the right (1) sized portion it would be great to make it sticky. Similar to the below GIF

![2025-09-08 16-21-07](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/a/6a121a9973c58cef2ac9935406ec3d04b698a861.gif)

or link if gifs dont work here: [Jaecoo 7 Review 2025 | Performance & Pricing | Carwow](https://www.carwow.co.uk/jaecoo/7)

Before i dive in has anyone had a look at a similar thing in the past or anything?

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [September 9, 2025, 1:20am UTC](https://community.glideapps.com/t/sticky-side-bar-2-1-container/84248/2 "2025-09-09T01:20:30Z")

</div>

Here’s a concept.

![CleanShot 2025-09-09 at 08.19.40](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/f/9f3bb8ef4ae824a01c90b132b2df3d42a57ac0bc.gif)

```auto
.test-container .twoToOne >div:nth-child(2) {
  position: sticky;
  top: 24px;
  align-self: flex-start;
  height: fit-content;
}

.test-container .twoToOne > div {
    border-radius: 0.75rem;
    background-color: var(--gv-bg-front);
    padding: 1.5rem;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    border-width: 1px;
    border-color: var(--gv-border-base);
}

```

I named my 2:1 container’s class “test-container”.

---

<div class="post-metadata">

### Author: ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)
#### Post date: [September 9, 2025, 11:17am UTC](https://community.glideapps.com/t/sticky-side-bar-2-1-container/84248/3 "2025-09-09T11:17:32Z")

</div>

Why not just use the 2:1 container?

 ![1000042649](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/8/48f2ad5232e5343d54010d4e57da9b6fb4fe039a.png)

---

<div class="post-metadata">

### Author: ![Lewis\_Parker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lewis_parker/32/91147_2.png) [@Lewis\_Parker](https://community.glideapps.com/u/Lewis_Parker)
#### Post date: [September 9, 2025, 11:22am UTC](https://community.glideapps.com/t/sticky-side-bar-2-1-container/84248/4 "2025-09-09T11:22:48Z")

</div>

I am, what i was asking for was the 1 portion to stick as the user scrolled down the page.

like the gif in my post

Thinh concept got me started and with some small adjustments im where i want to be

---

<div class="post-metadata">

### Author: ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)
#### Post date: [September 10, 2025, 1:20am UTC](https://community.glideapps.com/t/sticky-side-bar-2-1-container/84248/5 "2025-09-10T01:20:42Z")

</div>

Okay 😂, I wanted to make sure! 😛

---

<div class="post-metadata">

### Author: ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)
#### Post date: [September 17, 2025, 1:21am UTC](https://community.glideapps.com/t/sticky-side-bar-2-1-container/84248/6 "2025-09-17T01:21:01Z")

</div>

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.