> For the complete documentation index, see [llms.txt](https://guide.techblocksco.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guide.techblocksco.com/useful-tips/responsiveness.md).

# Responsiveness

#### **I saved a serialized Canvas on Desktop and need to re-open it on Mobile (or vice versa, for responsiveness). How do I make the elements inside smaller?**

You can scale your elements larger or smaller by using the "Scale All Elements" workflow action:

![](/files/pEMKIRBXdwx2fSrtTGbA)

This workflow action is helpful if you need to make your Canvas responsive when serializing it and saving it to the database.  Here are the steps you should follow:

1. When serializing the Canvas, save the Canvas Width in another field associated with that database Thing:\
   ![](/files/XMAlfrr3jipFkISPpuzs)
2. When loading the Canvas on a new screen size, load the Serialized Canvas from step #1, then use the "Scale All Elements" workflow action to update the size of the Elements in your Canvas based on the current Canvas width (formula is **Current Canvas Width** ÷ **Canvas Width when Serialized**):\
   ![](/files/OOIV5ykuGAbUI9h8UEJW)