Automattic / Automattic/jetpack

Top Posts & Pages Widget Spacing issue

Open
#15,997 2 comments 0 reactions 0 assignees View on GitHub
[Feature] Extra Sidebar Widgets [Pri] Low [Type] Good First Bug Bug Customer Report [LEGACY]
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

Site: https://www.foodiebaker.com/
The widget works fine on mobile but displays spaces between image tiles when viewed on a desktop.

This is probably because Jetpack did not think about the widget's use on 100% width widget areas.

Screen Shot 2020-05-29 at 11 04 03

Expected result: Images should appear uniformly without any extra weird spacing.

Reported in 3014474-zen

Contributor guide

Open the contributing guide

Research direction

Reproduce the Top Posts & Pages widget on the linked site at desktop and mobile widths, using the attached screenshot as the visual reference. Inspect the widget’s rendered layout and styling to identify why gaps appear between image tiles in a 100%-width desktop widget area; done means the tiles display uniformly without extra spacing.

Written by the indexing model from the issue text.

Assessment

Tech stack
php
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.