WordPress.org
Get WordPress

Making WordPress.org

Opened 4 years ago

Closed 3 years ago

#5821 closed defect (bug) (fixed)

Prevent layout shift on showcase feature banner

Reported by: jonoaldersonwp's profile jonoaldersonwp Owned by:
Milestone: Priority: low
Component: Showcase Keywords: seo performance
Cc:

Description

The hero banner on ​https://wordpress.org/showcase/ causes considerable layout shift as it loads. This should be corrected by implementing the following CSS:

  • Add display:block, object-fit:cover and height:310px to .screenshot
  • Change height to 336px on .wpsc-hero-slide-container
  • Set a min-height of 22px on .wpsc-slide-pager

Change History (1)

#1 @coffee2code
3 years ago

  • Resolution set to fixed
  • Status changed from new to closed

Thanks for the report and patch! In the time since this ticket was created, a completely new theme was implemented ​and released for the WordPress Showcase.

The code is available at ​https://github.com/WordPress/wporg-showcase-2022, where development, feature requests, and bug reports are being handled.

The new theme does not appear to exhibit the issue reported here.

Note: See TracTickets for help on using tickets.