Skip to main content

ResponsiveGrid

    A responsive grid that wraps the Grid component and lets you define the number of columns per pre-defined breakpoints, measured against the grid's own width with CSS container queries.

    If the column count does not need to change with the width, use Grid.

    More information about CSS container queries.

    OverviewPropertiesChangelog

    ResponsiveGridProps

    Signature:

    export declare type ResponsiveGridProps<E extends > = <E, >;

    ResponsiveGridOwnProps

    extends<, | | | >
    NameTypeDefaultDescription
    columns

    Column count or track list per container width.

    ResponsiveGridColumns

    NameTypeDefaultDescription
    0?
    |
    		1

    Columns at any width.

    400?
    |
    		value of 0

    Columns from 400px up.

    600?
    |
    		value of 400

    Columns from 600px up.

    800?
    |
    		value of 600

    Columns from 800px up.

    1000?
    |
    		value of 800

    Columns from 1000px up.

    1200?
    |
    		value of 1000

    Columns from 1200px up.

    Still have questions?
    Find answers in the Dynatrace Community