Edit by mmarosi123 . Changing from BUG to Story. The current layouts are broken because there is no separate default for different sizes. The size layous are just adjusted LG layout to match the width boundaries.

We will update the chrome service to have a specific layout default FOR EACH SIZE VARIANT instead of just trying to guestimate from the larger default.

Between 1100px and 768px, the widgets do not adjust to fill the grid. This corresponds to the breakpoints we have set here:

https://github.com/RedHatInsights/widget-layout/blob/master/src/Components/DnDLayout/GridLayout.tsx#L34

export const breakpoints = { xl: 1100, lg: 996, md: 768, sm: 480 };

Desktop (>1100) and mobile (<768) look fine.

I assume we are missing some configuration. Perhaps, related to this TODO? https://github.com/RedHatInsights/chrome-service-backend/blob/main/rest/service/dashboardTemplate.go#L406