Semantic UI is a modern framework used in developing seamless designs for the website, It gives the user a lightweight experience with its components. It uses the predefined CSS and jQuery to incorporate in different frameworks.
Semantic UI Responsive Grids offers us five types of Responsive grids as Containers, Stackable, Reverse Order, Doubling and Manual Tweaks. In this article we will know about all of the briefly.
Semantic UI Responsive Grids:
Containers: It is used alongside a grid to provide a responsive, fixed width container for wrapping the contents of a page.
Stackable: It is used so the stackable grid will automatically stack rows to a single columns on mobile devices.
Reverse Order: It is used to make the grid reversed variations that allow you to reverse the order of columns or rows by device.
Doubling: It is used so the grid can be double column widths for each device jump.
Manual Tweaks: It is used to manually tweak device presentation by specifying (x) wide device or device only columns or rows.
Please Login to comment...