# Sticky footer not possible/

**URL:** <https://community.penpot.app/t/sticky-footer-not-possible/10200>\
**Category:** Ask the community\
**Created:** [January 6, 2026, 2:44pm UTC](https://community.penpot.app/t/sticky-footer-not-possible/10200 "2026-01-06T14:44:03Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![rarity7237](https://avatars.discourse-cdn.com/v4/letter/r/ad7895/32.png) [@rarity7237](https://community.penpot.app/u/rarity7237)\
**Post date:** [January 6, 2026, 2:44pm UTC](https://community.penpot.app/t/sticky-footer-not-possible/10200/1 "2026-01-06T14:44:03Z")

</div>

Why is it not possible to make a simple sticky footer or anything other than sticky at the top? I’ve been trying to figure out so I can at least have some button at the bottom.

---

<div class="post-metadata">

**Author:** ![LauraKalbag](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/laurakalbag/32/5014_2.png) [@LauraKalbag](https://community.penpot.app/u/LauraKalbag)\
**Post date:** [January 7, 2026, 11:05am UTC](https://community.penpot.app/t/sticky-footer-not-possible/10200/2 "2026-01-07T11:05:07Z")

</div>

Does it have the effect you want when you set the footer to constrain to the bottom of the board and select fix when scrolling?

 ![Horizontal constraints: scale. Vertical constraints: bottom. Fix when scrolling: selected.](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/2X/e/e66c1dd938be4d6be51320f9a4ede9b682a2cec7.png)

---

<div class="post-metadata">

**Author:** ![mienaiKnife](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/mienaiknife/32/9701_2.png) [@mienaiKnife](https://community.penpot.app/u/mienaiKnife)\
**Post date:** [January 14, 2026, 7:13am UTC](https://community.penpot.app/t/sticky-footer-not-possible/10200/3 "2026-01-14T07:13:00Z")

</div>

I think I’m having the same problem. I want to use Flex Layout to make a drawer for a mobile app and I can only get “align items end” to work in conjunction with “row,” not “column,” but I need it to go in a column

---

<div class="post-metadata">

**Author:** ![LauraKalbag](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/laurakalbag/32/5014_2.png) [@LauraKalbag](https://community.penpot.app/u/LauraKalbag)\
**Post date:** [January 14, 2026, 10:36am UTC](https://community.penpot.app/t/sticky-footer-not-possible/10200/4 "2026-01-14T10:36:06Z")

</div>

> [@mienaiKnife](#):
>
> I want to use Flex Layout to make a drawer for a mobile app and I can only get “align items end” to work in conjunction with “row,” not “column,” but I need it to go in a column

This is a perfect use case for grid layout. The layout is one column with two rows. The first row is your “main” app area, and the second row is your footer/drawer area. The second row is set to `auto` height so it is only as tall as the items inside it. The first row is set to `1fr` which fills all the available space, pushing the footer to the end of the layout:

 ![Grid layout with 1 column at 1fr width, and 2 rows at 1fr and auto height.](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/2X/2/2db1ec70b7ae637399d63e11507c8b01707cf2d9.png)

Demo file: [Using grid for a sticky footer.penpot](https://community.penpot.app/uploads/short-url/y3PWd3wPXTJw4aSFnDd5Ja1kbhm.penpot) (24.7 KB)

This is a technique used in CSS web development, I’m thrilled it works so well in Penpot 😁

---

<div class="post-metadata">

**Author:** ![rarity7237](https://avatars.discourse-cdn.com/v4/letter/r/ad7895/32.png) [@rarity7237](https://community.penpot.app/u/rarity7237)\
**Post date:** [January 20, 2026, 10:30am UTC](https://community.penpot.app/t/sticky-footer-not-possible/10200/5 "2026-01-20T10:30:17Z")

</div>

Idk what you uploaded but it’s not an working example. It doesn’t scroll when items get bigger than the viewport. .

---

<div class="post-metadata">

**Author:** ![LauraKalbag](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/laurakalbag/32/5014_2.png) [@LauraKalbag](https://community.penpot.app/u/LauraKalbag)\
**Post date:** [January 20, 2026, 11:16am UTC](https://community.penpot.app/t/sticky-footer-not-possible/10200/6 "2026-01-20T11:16:33Z")

</div>

If you’re looking to prototype a sticky footer, then I would use the constraints approach. If you’re looking for a sticky footer that works as code, I would use the grid layout approach.

You can’t currently set content inside a grid layout to be scrollable inside Penpot. That’d be a great feature request though 😃
