Layout for different sizes

You can put different layouts in different resource folders targeted to your specific device shape/resolution.

https://developer.garmin.com/connect-iq/core-topics/build-configuration/

Family Qualifiers

The family qualifier format allows for resources to target specific device families, which is a group of devices differentiated by shared screen characteristics. There are two family qualifiers:

• Screen shape: The shape of the screen (e.g. round, rectangle, etc.)
• Screen size: The physical size of the screen in pixels ( e.g. 218x218, 148x205, etc.)

The screen shape must always be specified when using a family qualifier, and the screen size may be added to further refine the target family. Here are some examples of valid and invalid family qualifier examples:

• resources-round: Valid—targets round screen devices, like the fēnix 3 series and fēnix 5 series
• resources-round-218x218: Valid—targets 218px x 218px, round screen screen devices, like the fēnix 3 and fēnix 5S (but not the 5 or 5X since they have 240px x 240px screens)
• resources-218x218: Invalid—this will be ignored by the resource compiler because no screen shape has been specified
• resources-218x218-round: Invalid—the screen shape was not specified first