# How do I create a responsive button?

**URL:** https://community.thunkable.com/t/how-do-i-create-a-responsive-button/694734
**Category:** Questions about Thunkable X
**Created:** [July 21, 2020, 3:10pm UTC](https://community.thunkable.com/t/how-do-i-create-a-responsive-button/694734 "2020-07-21T15:10:43Z")
**Posts on this page:** 1
**Showing post:** 7

<div class="post-metadata">

### Author: ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)
#### Post date: [July 22, 2020, 8:52am UTC](https://community.thunkable.com/t/how-do-i-create-a-responsive-button/694734/7 "2020-07-22T08:52:29Z")

</div>

@maxb here’s an example that creates a square button, roughly 1/4 the width of the screen.

[https://x.thunkable.com/projectPage/5f17fc80326e1c3fd1c94c41](https://x.thunkable.com/projectPage/5f17fc80326e1c3fd1c94c41)

I’ve also just updated one of my old tutorials (from 2017!) so that you can make sure the button doesn’t get too big or too small:

> [@Using Constrain instead of If-Then-Else](http://community.thunkable.com/t/using-constrain-instead-of-if-then-else/1238):
>
> Updated: July 2020 This article looks at how the constrain block can be used instead of using multiple IF/ELSE blocks. This is not a one-size-fits-all, and there are definitely times where if statements will be preferable, however, I have found lots of scenarios where this is useful. It is ideal for something like a font size or line width where you want to make sure that the values don’t become too small, or prevent negative values. If you have more suggestions of places to use this then let …

Hope that helps.

---

_[View the full topic](https://community.thunkable.com/t/how-do-i-create-a-responsive-button/694734)._