> For the complete documentation index, see [llms.txt](https://lewe.gitbook.io/teamcal-neo/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://lewe.gitbook.io/teamcal-neo/administration/responsive-display.md).

# Responsive Display

It has become a mobile world with mobile devices all over. There is an understandable motto "mobile first" in application design, however, that does not mean that desktop applications are not the better choice for certain use cases.

{% hint style="info" %}
TeamCal Neo targets desktop use in the first place. Desktop screens are the best way to view a day-based calendar. Yet, TCN can also be viewed on smaller screens.
{% endhint %}

## How it works

In general, TeamCal Neo adjusts to any screen size automatically. However, the calendar display is a special case. Since it is a table showing one month as a whole horizontally, adjusting it to smaller screens is tricky. TeamCal Neo will read the screen width of the user and split the table in smaller tables, ordered vertically.

{% hint style="info" %}
This feature was introduced in version 5.0.8.
{% endhint %}

## Exception

The year calendar page does not adjust to the screen width. There is no useful way of splitting up that table.

## Sample Displays

### **Full Screen Display**

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

### **640\*480 Display**

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

### **480 \* 524 Display**

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

### **320 \* 480 Display**

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