> For the complete documentation index, see [llms.txt](https://shoppad.gitbook.io/blogstudio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shoppad.gitbook.io/blogstudio/readme/preview-your-article-on-different-sized-screens.md).

# Preview your article on different sized screens

Follow the steps below on how to preview your article on different-sized screens (like mobile).

1. Starting from the Blog Studio editor, click on a content block on your article to reveal the top text toolbar.
2. Click on the **••• icon** to reveal more advanced settings in the editor, then click on the **Eye icon**.

<figure><img src="https://1857315123-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsA16nlP6q2CISJmAAc1i%2Fuploads%2FRo9MImxrOccpVOxEXNqQ%2FAdjust_Blog_Studio_Article_Width_Settings_-_Step_2.png?alt=media&amp;token=36172e3e-3a06-4199-b219-d3b9c7593139" alt=""><figcaption></figcaption></figure>

3. Click on the gray top bar to freely adjust the view from mobile view to desktop view.

<figure><img src="https://1857315123-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsA16nlP6q2CISJmAAc1i%2Fuploads%2FOwzzgGoV7EAZ1XSWo74Q%2FAdjust_Blog_Studio_Article_Width_Settings_-_Step_4.png?alt=media&amp;token=d8f777f2-7fbf-437e-8cc2-4afcb7c5c4c2" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
If you would like to quit out of the preview mode, you can click on the **x icon** on the top right-hand corner.
{% endhint %}