Row and Column

486 views

It will be placed inside the container. Regarding placement method and size,

Please refer to the widget placement guide.

Basically, the layout is container > row > column > widget .

Large, Extra Large ⇒ PC

Medium ⇒ Tablet

Extra small ⇒ Smartphone

For example, if you set it to Extra Small 12 and Large 6, the frame will be displayed at half size (6/12) on a PC.

On a smartphone, the frame will take up the entire width.

Breakpoint

Content

Extra Small
(xs)

Compatible with screen sizes less than 576px (smartphones).
<576px

Small
(sm)

Compatible with screen sizes of 576px or more (tablets).
≥576px

Medium
(md)

Compatible with notebook PCs with a screen size of 768px or more.
≥768px

Large
(lg)

Compatible with screen sizes of 992px or more (desktop PC).
≥992px

Extra large
(xd)

Compatible with screen sizes of 1200px or more (ultra-wide).
≥1200px

Extra extra large
(xxl)

Supports screen sizes of 1400px or more.
≥1400px

For more details on the Column and Row component, please use the below hyperlink.