Partner Logo

Container for displaying third-party or partner logos with consistent sizing and alignment

Accessibility

Alt Text

  • Provide descriptive alt text naming the partner or brand (e.g., "Jobboard logo").
  • If logos are decorative in a group purely for visual context (e.g., a sponsor banner already labelled “Our Partners”), set alt="".

Contrast and Visibility

  • Check that the logo maintains sufficient visibility on its background.
  • If readability is poor, add a neutral backdrop or border without altering the logo itself.

Responsive Behavior

  • Logos should scale proportionally with preserved aspect ratio (object-fit: contain).
  • Maintain consistent spacing between logos across breakpoints.

Performance

  • Use SVG when possible; otherwise, optimized raster assets (WebP, PNG) to minimize load.