cards--centered

Cards - Centered Orphans

The -centered modifier uses a doubled grid column count with nth-child positioning to center orphan cards in the last row.

4 Cards (`-centered`) - 3 + 1 layout

4 cards in a 3-column layout: first row full, single orphan centered below.

Card One

Row 1 of 3 cards.

Card Two

Row 1 of 3 cards.

Card Three

Row 1 of 3 cards.

Card Four

Centered orphan (1 of 1).

5 Cards (`-centered`) - 3 + 2 layout

5 cards in a 3-column layout: first row full, 2 orphans centered below.

Card One

Quisque tristique sagittis dignissim. Morbi vitae orci sollicitudin, viverra massa quis.

Card Two

Quisque tristique sagittis dignissim. Morbi vitae orci sollicitudin, viverra massa quis.

Card Three

Quisque tristique sagittis dignissim. Morbi vitae orci sollicitudin, viverra massa quis.

Card Four

Centered orphan (1 of 2).

Card Five

Centered orphan (2 of 2).

6 Cards (`-columns-4 -centered`) - 4 + 2 layout

6 cards in a 4-column layout: first row full, 2 orphans centered below.

Card One

Quisque tristique sagittis dignissim. Morbi vitae orci sollicitudin, viverra massa quis.

Card Two

Quisque tristique sagittis dignissim. Morbi vitae orci sollicitudin, viverra massa quis.

Card Three

Quisque tristique sagittis dignissim. Morbi vitae orci sollicitudin, viverra massa quis.

Card Four

Quisque tristique sagittis dignissim. Morbi vitae orci sollicitudin, viverra massa quis.

Card Five

Centered orphan (1 of 2).

Card Six

Centered orphan (2 of 2).

7 Cards (`-columns-4 -centered`) - 4 + 3 layout

7 cards in a 4-column layout: first row full, 3 orphans centered below.

Card One

Quisque tristique sagittis dignissim. Morbi vitae orci sollicitudin, viverra massa quis.

Card Two

Quisque tristique sagittis dignissim. Morbi vitae orci sollicitudin, viverra massa quis.

Card Three

Quisque tristique sagittis dignissim. Morbi vitae orci sollicitudin, viverra massa quis.

Card Four

Quisque tristique sagittis dignissim. Morbi vitae orci sollicitudin, viverra massa quis.

Card Five

Centered orphan (1 of 3).

Card Six

Centered orphan (2 of 3).

Card Seven

Centered orphan (3 of 3).

8 Cards (`-columns-5 -centered`) - 5 + 3 layout

8 cards in a 5-column layout: first row full, 3 orphans centered below.

Card One

Quisque tristique sagittis dignissim. Morbi vitae orci sollicitudin, viverra massa quis.

Card Two

Quisque tristique sagittis dignissim. Morbi vitae orci sollicitudin, viverra massa quis.

Card Three

Quisque tristique sagittis dignissim. Morbi vitae orci sollicitudin, viverra massa quis.

Card Four

Quisque tristique sagittis dignissim. Morbi vitae orci sollicitudin, viverra massa quis.

Card Five

Quisque tristique sagittis dignissim. Morbi vitae orci sollicitudin, viverra massa quis.

Card Six

Centered orphan (1 of 3).

Card Seven

Centered orphan (2 of 3).

Card Seven

Centered orphan (3 of 3).