Skip to content

Grids

Arrange a featured item or align content across a set of cards. 2 recipes.

Asymmetric grid#

A 2:1 grid: a tall lead card with a photograph in the wide column and two cards stacked beside it, all in one column when narrow.

Preview width
Open Asymmetric grid on its own page
  • A person walking between young orchard trees in low sunlight

    September at the nursery

    The plant sale opens on the first Saturday, the last of the summer seed comes off the bench, and the field walks move to the afternoon as the light shortens. Bare-root orders open on the fifteenth.

  • Plant sale

    Member-grown perennials, herbs and the last vegetable plugs, on the bench from nine on Saturday 5 September.

  • Seed swap

    Bring what you saved and take what you need, first Sunday of the month. Labels and envelopes are on the table.

Code

Subgrid rows#

Three cards whose heading, description and action rows line up across the grid, whatever the length of the words, through grid-template-rows: subgrid.

Preview width
Open Subgrid rows on its own page
  • Seed saving

    Which crops to save from first, isolation distances, and cleaning, drying and storing what you gather. Bring a crop you want to keep.

  • Grafting fruit trees

    Whip-and-tongue grafting onto local rootstocks. Everyone takes home two trees on the rootstock of their choice, labelled and wrapped.

  • Winter pruning

    Apples and pears in the member orchard, in the cold, with a flask.

Code