Image card example

Two thirds

This variant is used for the featured section on the homepage. The aspect ratio used is 1:1 and the width of the image is constrained to 80px wide.

Setting large_font_size_mobile to true will ensure that the font size for the title and description will be 19px on all screen sizes.

How it looks (preview)

Following a news report that something has happened, further details are emerging of the thing that has happened and what that means for you.
some meaningful alt text please

How to call this example

<div class="govuk-!-width-full">
  <%= render "govuk_publishing_components/components/image_card", {
  two_thirds: true,
  href: "/still-not-a-page",
  image_src: "https://www.gov.uk/assets/static/govuk-apple-touch-icon-180x180-026deaa34fa328ae5f1f519a37dbd15e6555c5086e1ba83986cd0827a7209902.png",
  image_alt: "some meaningful alt text please",
  heading_text: "Something has happened nearby possibly",
  description: "Following a news report that something has happened, further details are emerging of the thing that has happened and what that means for you.",
  large_font_size_mobile: true
} %>
</div>