# Css Stick components at the bottom

**URL:** <https://community.glideapps.com/t/css-stick-components-at-the-bottom/68314>\
**Category:** Ask for Help\
**Created:** [December 2, 2023, 3:12am UTC](https://community.glideapps.com/t/css-stick-components-at-the-bottom/68314 "2023-12-02T03:12:16Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Denis1](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/denis1/32/65827_2.png) [@Denis1](https://community.glideapps.com/u/Denis1)\
**Post date:** [December 2, 2023, 3:12am UTC](https://community.glideapps.com/t/css-stick-components-at-the-bottom/68314/1 "2023-12-02T03:12:16Z")

</div>

What Css do i use to stick components at the bottom. Making it float at the bottom.

---

<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:** [December 3, 2023, 12:28am UTC](https://community.glideapps.com/t/css-stick-components-at-the-bottom/68314/2 "2023-12-03T00:28:11Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/c/8ca441b4e549a2f8201e9123416d99a3da3009c9.jpeg)

Tested with a hint component named “hint-end”.

```auto
.hint-end {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  width: 100%;
}

```

---

<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:** [December 10, 2023, 12:29am UTC](https://community.glideapps.com/t/css-stick-components-at-the-bottom/68314/3 "2023-12-10T00:29:03Z")

</div>

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