Fluid Feature

The fluid feature is used for a better control of the columns.

Settings

Example implementation

The fluid element will be 20 columns wide in breakpoint "l" and 10 columns wide in all other breakpoints.

@include srgrid-create-grid(
    $fluid-feature: regular only
);

<div data-srgrid>
    <div data-srgrid-row>
        <div data-srgrid-col="10 l-only-20"> <!-- fluid element -->
            ...
        </div>
    </div>
</div>