> For the complete documentation index, see [llms.txt](https://docs.styleai.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.styleai.io/product-docs/product-docs-en/readme-2/when-the-whoops-screen-appears-and-you-cant-connect.md).

# When the 'Whoops!' screen appears and you can't connect

Hello, StyleAI recommends using a PC environment (screen of 1280px or more) for a smooth design editing experience.\
We will guide you on how to resolve issues when access to the service is blocked on mobile or low-resolution devices.

## 1. Check device-supported specifications (in landscape mode)

| How to use                              | **Apple iPad**                                                                                                           | **Samsung Galaxy Tab**                                                     |
| --------------------------------------- | ------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------- |
| ✨ Use right away without settings       | <p>• Pro 13-inch</p><p>• Pro 12.9-inch</p>                                                                               | <p>• Ultra series (S8 / S9 Ultra)</p><p>• Plus(+) series (S8+ / S9+)</p>   |
| :eyeglasses: Need to reduce the browser | <p>• All Air series (11"/13")</p><p>• Pro 11-inch</p><p>• Regular iPad (10th generation, etc.)</p><p>• All iPad Mini</p> | <p>• S7 / S8 / S9 standard model (11-inch)</p><p>• Galaxy Tab A series</p> |

## 2. 'Browser reduction' method for tablet devices 1280px or less

If the screen is cut off or unnecessary horizontal scrolling occurs,\
you can create the same work environment as on desktop by adjusting the browser's zoom level.

{% embed url="<https://youtu.be/hy9oCRZUR_c?si=pVnTN-NP8_ikX0Oy>" %}

**① Safari browser**

* **How to use:** To the left of the address bar `aA` (or `AA`) tap the icon, then press the shrink button **Adjust the screen ratio to 67%**.

**② Chrome browser**

* **How to use:** Tap the More (`...`) menu at the top right of the browser **and press the 'Zoom' button to adjust the screen ratio to 67%**.  &#x20;

<figure><img src="/files/70cfa2057228ece595f9a523270b3b0de7159067" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/22a3d3462493ada77d269ce7214dbc930a5c8fb3" alt=""><figcaption></figcaption></figure>

## 3. If the browser More (`...`) does not show the 'Zoom' button

1\) Click Settings

<figure><img src="/files/dc402ff20313f7496453d4f3ce24055c5ec04f34" alt=""><figcaption></figcaption></figure>

2\) Click Accessibility

<figure><img src="/files/1cd3517709a9f86a71f5e86535fe135b5251a97b" alt=""><figcaption></figcaption></figure>

3\) Adjust Zoom out

<figure><img src="/files/30ea2a1029628a7982338d0c95544367dab6e1cd" alt=""><figcaption></figcaption></figure>

4\) Check the browser screen

<figure><img src="/files/0048785c7a05ec92a34f9751f4010ca43f7fc9e6" alt=""><figcaption></figcaption></figure>