A NSW Government website

Command Palette

Search for a command to run...

Gallery

Use a gallery to display a group of images in a grid. Galleries are ideal for showcasing products, services or other visual content. Galleries come in different layouts, including:

  • two-column
  • three-column
  • four-column
  • masonry.

Each layout can include image captions and various image sizes. Galleries are responsive - they adjust to different screen sizes while keeping a clean, appealing layout.

When to use

Use a gallery when you want to display a group of images in a grid layout. Galleries are ideal for showcasing services, projects, events or other visual content. You can use galleries in various contexts, such as on service pages, project overviews or promotional material.

Two Column

Displays images in two columns. Each image takes up half the width of the gallery.

Two Column with Captions

Shows two columns of images, each with a caption. Each image is of equal size.

Three Column

Shows images in three columns. Each image is of equal size.

Four Column

Shows images in four columns. Each image is of equal size and aspect ratio.

Masonry

Displays images in a varied-height grid layout. Each image can have a different height, creating a dynamic and visually appealing layout.

Masonry with 2 small images left

Displays a masonry layout with two smaller images aligned to the left.

Masonry with 2 small images right

Displays a masonry layout with two smaller images aligned to the right.

Previous
Footers