> Documentation index: https://www.gooddata.ai/docs/gooddata-ui/llms.txt lists every page of these docs as Markdown.

# IDashboardLayoutSizeByScreenSize

- Package: [@gooddata/sdk-model](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/index.md)
- Kind: interface
- Source: https://github.com/gooddata/gooddata-ui-sdk/blob/rel/11.64/libs/sdk-model/src/dashboard/layout.ts

Dashboard layout size configuration, defined by screen type.

**Signature:**

```typescript
export interface IDashboardLayoutSizeByScreenSize 
```

## Properties

| Property | Modifiers | Type | Description |
| --- | --- | --- | --- |
| [lg?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.idashboardlayoutsizebyscreensize/index.md#idashboardlayoutsizebyscreensizelg) |  | [IDashboardLayoutSize](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.idashboardlayoutsize/index.md) | _(Optional)_ The size configuration to use for a screen larger than the set md breakpoint, but smaller than the set xl breakpoint. |
| [md?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.idashboardlayoutsizebyscreensize/index.md#idashboardlayoutsizebyscreensizemd) |  | [IDashboardLayoutSize](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.idashboardlayoutsize/index.md) | _(Optional)_ The size configuration to use for a screen larger than the set sm breakpoint, but smaller than the set md breakpoint. |
| [sm?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.idashboardlayoutsizebyscreensize/index.md#idashboardlayoutsizebyscreensizesm) |  | [IDashboardLayoutSize](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.idashboardlayoutsize/index.md) | _(Optional)_ The size configuration to use for a screen larger than the set xs breakpoint, but smaller than the set sm breakpoint. |
| [xl](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.idashboardlayoutsizebyscreensize/index.md#idashboardlayoutsizebyscreensizexl) |  | [IDashboardLayoutSize](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.idashboardlayoutsize/index.md) | The size configuration to use for a screen larger than the set xl breakpoint. This is also default configuration |
| [xs?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.idashboardlayoutsizebyscreensize/index.md#idashboardlayoutsizebyscreensizexs) |  | [IDashboardLayoutSize](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.idashboardlayoutsize/index.md) | _(Optional)_ The size configuration to use for a screen with a width less than the set xs breakpoint. |

## Property details

### IDashboardLayoutSizeByScreenSize.lg

The size configuration to use for a screen larger than the set md breakpoint, but smaller than the set xl breakpoint.

**Signature:**

```typescript
lg?: IDashboardLayoutSize;
```

### IDashboardLayoutSizeByScreenSize.md

The size configuration to use for a screen larger than the set sm breakpoint, but smaller than the set md breakpoint.

**Signature:**

```typescript
md?: IDashboardLayoutSize;
```

### IDashboardLayoutSizeByScreenSize.sm

The size configuration to use for a screen larger than the set xs breakpoint, but smaller than the set sm breakpoint.

**Signature:**

```typescript
sm?: IDashboardLayoutSize;
```

### IDashboardLayoutSizeByScreenSize.xl

The size configuration to use for a screen larger than the set xl breakpoint. This is also default configuration

**Signature:**

```typescript
xl: IDashboardLayoutSize;
```

### IDashboardLayoutSizeByScreenSize.xs

The size configuration to use for a screen with a width less than the set xs breakpoint.

**Signature:**

```typescript
xs?: IDashboardLayoutSize;
```