Opened 3 years ago
Closed 22 months ago
#5821 closed defect (bug) (fixed)
Prevent layout shift on showcase feature banner
Reported by: | 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
andheight:310px
to.screenshot
- Change height to
336px
on.wpsc-hero-slide-container
- Set a
min-height
of22px
on.wpsc-slide-pager
Note: See
TracTickets for help on using
tickets.
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.