Grid System
Different grit system used in the cards and block elements.Card 50/50
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aspernatur beatae cum ducimus
Card
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aspernatur beatae cum ducimus
Card 70/30
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aspernatur beatae cum ducimus
Card
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aspernatur beatae cum ducimus
Card
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aspernatur beatae cum ducimus
Card
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aspernatur beatae cum ducimus
Card
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aspernatur beatae cum ducimus
Card
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aspernatur beatae cum ducimus
Card
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aspernatur beatae cum ducimus
Card
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aspernatur beatae cum ducimus
Card
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aspernatur beatae cum ducimus
Card
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aspernatur beatae cum ducimus
Card
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aspernatur beatae cum ducimus
Documentation
Here is the documentation for the Grid System, explaining their variants, sizes, and use cases.
Our grid system uses Bootstrap 5 and is used for different layouts of components like cards for example. Bootstrap’s grid system uses a series of containers, rows, and columns to layout and align content. It’s built with flexbox and is fully responsive.