Skip to content

Images overflow horizontally and overlap sidebar content on the Performance page #354

@jdahir0789

Description

@jdahir0789

Issue Description

On the Performance page of the Hosting Handbook, several images are not responsive. This causes horizontal scrolling and overlapping with the sidebar, breaking the layout on both desktop and smaller viewports.

Steps to Reproduce

  1. Visit https://make.wordpress.org/hosting/handbook/performance/.
  2. Scroll to the Full Page Cache section.
  3. Notice that the image extends beyond the content area.
  4. Scroll to the Object Cache section and observe the large diagram overlapping with the sidebar.

Expected Behavior

  • Images should scale within the content container.
  • No horizontal scrolling.
  • Sidebar remains fully visible without overlap.

Actual Behavior

  • Images overflow horizontally.
  • Horizontal scrollbar appears.
  • Sidebar overlaps with images, breaking the layout.

Screenshots

1. Horizontal overflow
Horizontal overflow

2. Sidebar overlap
Sidebar overlap

Environment

  • Browsers: Chrome 139.0.7258.66 (64-bit), Firefox 143.0.4 (64-bit)
  • Incognito: Reproducible

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    Status

    Done

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions