> For the complete documentation index, see [llms.txt](https://ton-play-1.gitbook.io/ton-play-1/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ton-play-1.gitbook.io/ton-play-1/game-set-up/publish-on-tonplay.io/iframe-guide.md).

# iFrame Guide

* Games have a 16:9 aspect ratio without sacrificing their interface features (+9:16 in case of portrait orientation on mobile devices).
* When publishing a game, please indicate what orientation your game starts in on tablets and smartphones; portrait or landscape.
* We define the user’s device type (desktop, tablet, mobile).

**How does it work?**

1. If a user starts your game on a tablet or smartphone and the game is in portrait orientation, the iFrame takes 100% of the viewport height. The width is in line with the 9:16 aspect ratio. 
2. If a user starts your game on a tablet or smartphone and the game is in landscape orientation, the message “Rotate your phone to play” should be displayed. iFrame takes 100% of the viewport height. The width is in line with the 9:16 aspect ratio.
3. If a user starts your game on a desktop, the iFrame takes 100% of the container width. The height is in line with the 16:9 aspect ratio. The Full-Screen mode is available.