# Can button blocks be full-width?

**URL:** <https://community.glideapps.com/t/can-button-blocks-be-full-width/75197>\
**Category:** Ask for Help\
**Tags:** custom-css\
**Created:** [July 26, 2024, 11:18pm UTC](https://community.glideapps.com/t/can-button-blocks-be-full-width/75197 "2024-07-26T23:18:08Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jarvis](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jarvis/32/81377_2.png) [@Jarvis](https://community.glideapps.com/u/Jarvis)\
**Post date:** [July 26, 2024, 11:18pm UTC](https://community.glideapps.com/t/can-button-blocks-be-full-width/75197/1 "2024-07-26T23:18:08Z")

</div>

Hi, I’m trying to make a button block full-width, so that **each** of the first two buttons span the entire screen width like the “Go!” button at the bottom.

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/3/33ae91513554e76b078e7117a3f82c328deaaaad.png)

I’ve tried this link, but unfortunately it doesn’t work:

> **[CSS Library](https://css-library.glide.page/dl/library/s/8836b3/r/tay4xZWIRQysCy1TVWcj1Q)**

Custom CSS class: widebtn

CSS:  
.widebtn button{  
max-width: 100%  
}

Can someone point out to me what I’m doing wrong?

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [July 27, 2024, 12:02am UTC](https://community.glideapps.com/t/can-button-blocks-be-full-width/75197/2 "2024-07-27T00:02:57Z")

</div>

Class name: **maxBtnWidth**

```auto
.mobile-layer [data-testid="wire-container-maxBtnWidth"] .button-box > * {
min-width: 100%;
}

```

---

<div class="post-metadata">

**Author:** ![Jarvis](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jarvis/32/81377_2.png) [@Jarvis](https://community.glideapps.com/u/Jarvis)\
**Post date:** [July 27, 2024, 1:03pm UTC](https://community.glideapps.com/t/can-button-blocks-be-full-width/75197/3 "2024-07-27T13:03:24Z")

</div>

Man, thank you so much!

I removed the “.mobile-layer” so that it also works in desktop (e.g. in a side-panel or overlay view). It works perfectly

```auto
[data-testid="wire-container-maxBtnWidth"] .button-box > * {
  min-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:** [August 3, 2024, 1:04pm UTC](https://community.glideapps.com/t/can-button-blocks-be-full-width/75197/4 "2024-08-03T13:04:00Z")

</div>

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