Skip to content

chore: Homepage images sizing on small screens

What does this MR do?

Update homepage styles so that images load correctly on mobile. Fix layout to avoid x-axis overflow on smaller screens e.g. 320px.

  • Remove .max-w-sm class and _alignment.scss file
  • Update homepage two-column layout styles and markup
  • Hide presentational images from accessibility tree

Closes #1466 (closed)

Screenshots

Description Before After
Desktop home-large-before home-large-after
Mobile home-small-before home-small-after
Section home-section-before home-section-after

Merge request reports