# Align text & button to bottom of screen

**URL:** <https://community.glideapps.com/t/align-text-button-to-bottom-of-screen/53388>\
**Category:** Ask for Help\
**Created:** [November 5, 2022, 11:38am UTC](https://community.glideapps.com/t/align-text-button-to-bottom-of-screen/53388 "2022-11-05T11:38:10Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![Alexander\_Rubino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexander_rubino/32/48638_2.png) [@Alexander\_Rubino](https://community.glideapps.com/u/Alexander_Rubino)\
**Post date:** [November 5, 2022, 11:38am UTC](https://community.glideapps.com/t/align-text-button-to-bottom-of-screen/53388/1 "2022-11-05T11:38:11Z")

</div>

How can I align some text and a button to the bottom of the screen?

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [November 5, 2022, 7:38pm UTC](https://community.glideapps.com/t/align-text-button-to-bottom-of-screen/53388/2 "2022-11-05T19:38:05Z")

</div>

position:fixed; bottom:1%;

---

<div class="post-metadata">

**Author:** ![Alexander\_Rubino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexander_rubino/32/48638_2.png) [@Alexander\_Rubino](https://community.glideapps.com/u/Alexander_Rubino)\
**Post date:** [November 6, 2022, 6:59pm UTC](https://community.glideapps.com/t/align-text-button-to-bottom-of-screen/53388/3 "2022-11-06T18:59:06Z")

</div>

Can you be a bit more precise? I’m not quite following

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [November 6, 2022, 7:06pm UTC](https://community.glideapps.com/t/align-text-button-to-bottom-of-screen/53388/4 "2022-11-06T19:06:31Z")

</div>

i don’t know what element you are using

---

<div class="post-metadata">

**Author:** ![Alexander\_Rubino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexander_rubino/32/48638_2.png) [@Alexander\_Rubino](https://community.glideapps.com/u/Alexander_Rubino)\
**Post date:** [November 6, 2022, 7:07pm UTC](https://community.glideapps.com/t/align-text-button-to-bottom-of-screen/53388/5 "2022-11-06T19:07:07Z")

</div>

A button and a simple text

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [November 6, 2022, 7:16pm UTC](https://community.glideapps.com/t/align-text-button-to-bottom-of-screen/53388/6 "2022-11-06T19:16:09Z")

</div>

```
div[id\*='screenScrollView'] \> div \> :nth-child(2) { position:fixed !important; bottom:10% !important; width:100%!important; }
```

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [November 6, 2022, 7:17pm UTC](https://community.glideapps.com/t/align-text-button-to-bottom-of-screen/53388/7 "2022-11-06T19:17:25Z")

</div>

use Code BOOK:

> **[Code BOOK - Desktop](https://code-book-desktop.glideapp.io/)**
>
> share cool CSS, scripts and links

I see you are asking many simple questions… is all there

---

<div class="post-metadata">

**Author:** ![Alexander\_Rubino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexander_rubino/32/48638_2.png) [@Alexander\_Rubino](https://community.glideapps.com/u/Alexander_Rubino)\
**Post date:** [November 6, 2022, 7:56pm UTC](https://community.glideapps.com/t/align-text-button-to-bottom-of-screen/53388/8 "2022-11-06T19:56:35Z")

</div>

The width is too wide in tablet mode. When you use 100% width, it makes the button too wide. Only in tablet mode

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [November 6, 2022, 7:57pm UTC](https://community.glideapps.com/t/align-text-button-to-bottom-of-screen/53388/9 "2022-11-06T19:57:57Z")

</div>

make it fixed size, like 300px

---

<div class="post-metadata">

**Author:** ![Alexander\_Rubino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexander_rubino/32/48638_2.png) [@Alexander\_Rubino](https://community.glideapps.com/u/Alexander_Rubino)\
**Post date:** [November 6, 2022, 8:07pm UTC](https://community.glideapps.com/t/align-text-button-to-bottom-of-screen/53388/10 "2022-11-06T20:07:23Z")

</div>

That doesn’t make it better. It still only looks good in phone mode, but not tablet mode

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [November 6, 2022, 8:16pm UTC](https://community.glideapps.com/t/align-text-button-to-bottom-of-screen/53388/11 "2022-11-06T20:16:09Z")

</div>

adjust it… what exactly do you need?

---

<div class="post-metadata">

**Author:** ![Alexander\_Rubino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexander_rubino/32/48638_2.png) [@Alexander\_Rubino](https://community.glideapps.com/u/Alexander_Rubino)\
**Post date:** [November 6, 2022, 8:18pm UTC](https://community.glideapps.com/t/align-text-button-to-bottom-of-screen/53388/12 "2022-11-06T20:18:08Z")

</div>

The width is perfect in the phone simulator, but in the tablet simulator, it is way too wide. So if I adjust the width, it only looks good in one of the simulators.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [November 6, 2022, 8:19pm UTC](https://community.glideapps.com/t/align-text-button-to-bottom-of-screen/53388/13 "2022-11-06T20:19:36Z")

</div>

use min or max width…  
so you can do like this…

width:50% !important; min-width:300px !important  
you can center your button
