Design System
Grid
Overview
This CSS file provides responsive design rules for layout management using flexbox. It defines various column layouts and margin/gap settings that adjust based on screen size. The styles are applied to elements with the class responsive-col, which adapts to different column configurations for desktop, tablet, and mobile views.
100
100 m,d,t
25-75
25 d
75
25 t
75
25 m
75
75-25
75 d
25
75 t
25
75 m
25
50-50
50 d
50
50 t
50
50 m
50
33-33-33
33 d
33
33
33 t
33
33
33 m
33
33
25-25-25-25
25 d
25
25
25
25 t
25
25
25
25 m
25
25
25