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)

Something has happened nearby possibly

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

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>