General

Layout Group

An easy way to deal with grouping elements.

How it works

To deal with grouping elements, Perfect UI provides the `.group-row`, `.group-col`, `.group-responsive` and `.group-item` classes. These will be useful for dealing with unnecessary borders and rounding of elements.

For some elements, the use of this class is mandatory, such as the `<accordion>`.

First question

First answer

Second question

Second answer

Attention needed

If the children of the group have a class with`.item`, it is not necessary to add the class `.group-item`, as in the case of accordion.

Other elements are optional, such as the `<button>`.

Attention needed

The buttons need the `.group-item` class to work, because they have no class `.item`.

Group responsive

If you need the group to change automatically with the screen size, simply use `group-responsive`.

For screens larger than `1024px`, `group-row` will be applied, for smaller screens `group-col`.

Card Title

Some quick example text to build on the card title and make up the bulk of the card's content.

Last updated 5 mins ago

Card Title

Some quick example text to build on the card title and make up the bulk of the card's content.

Last updated 5 mins ago

Card Title

Some quick example text to build on the card title and make up the bulk of the card's content.

Last updated 5 mins ago