Layout

Responsive grid

col-span

Featured

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Action

base

Card 01

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Action

mobile

Card 02

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Action

breakpoints

Card 03

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Action

spacing

Card 04

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Action

style

Card 05

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Action

content

Card 06

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Action

reusable

Card 07

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Action

css-grid

Card 08

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Action

tips

Card 09

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Action

Card 10

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Action

desktop

Card 11

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Action

FreeGrid

Responsive grid

Create a responsive grid layout that adapts to screen size.

Masonry like layout

Only on Desktop

featured

Featured card

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Action

variable height

Card 01

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Action

no js

Card 02

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Action

break-inside

Card 03

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Action

responsive

Card 04

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Action

style

Card 05

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Action

content

Card 06

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Action

Card 07

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Action

images

Card 08

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Action

columns

Card 09

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Action

masonry-like

Card 10

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Action

desktop

Card 11

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Action

spacing

Card 12

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Action

FreeGrid

Masonry like layout

Create a masonry-style grid layout.