Featured example

With two or four items

When there are two or four items in the flexible section they should be displayed two per row.

How it looks (preview)

Featured

Government does things

This is what a single featured item looks like. We also need to test what happens when they're different heights.

Government does things

This is what a single featured item looks like.

Government does things

This is what a single featured item looks like.

Government does things

This is what a single featured item looks like.

How to call this example

<%= render "flexible_page/flexible_sections/featured", {
  items: [
    {
      href: "/not-a-page",
      image_alt: "some meaningful alt text please",
      image_src: "https://assets.publishing.service.gov.uk/government/uploads/system/uploads/feature/image/62756/s300_courts-of-justice.JPG",
      description: "This is what a single featured item looks like. We also need to test what happens when they're different heights.",
      heading_text: "Government does things"
    },
    {
      href: "/not-a-page",
      image_alt: "some meaningful alt text please",
      image_src: "https://assets.publishing.service.gov.uk/government/uploads/system/uploads/feature/image/62756/s300_courts-of-justice.JPG",
      description: "This is what a single featured item looks like.",
      heading_text: "Government does things"
    },
    {
      href: "/not-a-page",
      image_alt: "some meaningful alt text please",
      image_src: "https://assets.publishing.service.gov.uk/government/uploads/system/uploads/feature/image/62756/s300_courts-of-justice.JPG",
      description: "This is what a single featured item looks like.",
      heading_text: "Government does things"
    },
    {
      href: "/not-a-page",
      image_alt: "some meaningful alt text please",
      image_src: "https://assets.publishing.service.gov.uk/government/uploads/system/uploads/feature/image/62756/s300_courts-of-justice.JPG",
      description: "This is what a single featured item looks like.",
      heading_text: "Government does things"
    }
  ]
} %>