Property grid

A responsive grid of property / location cards: image with a category tag, title, locality and a short description.

property-grid foundation

Keywords

property, locations, cards, grid, listings

Metadata

Slugproperty-grid

Categoryfoundation

Default containerwide

Statuspublished

Variants

background light · alt · dark

columns 2 · 3 · 4

Fields (5)

Heading text
Intro textarea
Columns range
Background button_group
Properties repeater

Use in a mockup

Copy this as the wrapper in your mockup's HTML — fill the inner markup per the Mockup Spec.

<section class="section property-grid"
         data-block="property-grid"
         data-surface="light"
                  data-container="wide">
  <div class="container container--wide">
    <div class="property-grid__inner">
      <!-- block content -->
    </div>
  </div>
</section>