Powered by NeGD | MeitY Government of India® UX4G
In UX4G, breakpoints are adjustable widths that control how the responsive layout functions on various devices or viewport sizes.
Learn how to modify columns with a handful of options for alignment, ordering, and offsetting thanks to our flexbox grid system. Plus, see how to use column classes to manage widths of non-grid elements.
Containers are a fundamental building block of UX4G that contain, pad, and align your content within a given device or viewport.
UX4G's default grid system represents the culmination of over a decade of CSS layout techniques, tried and tested by millions of people. But, it was also created without many of the modern CSS features and techniques we're seeing in browsers like the new CSS Grid.
Use our powerful mobile-first flexbox grid to build layouts of all shapes and sizes thanks to a twelve column system, six default responsive tiers, Sass variables and mixins, and dozens of predefined classes.
Gutters are the padding between your columns, used to responsively space and align content in the UX4G grid system.
Changing display
Z-Index