Automattic / Automattic/jetpack

Tiled Galleries: dynamic columns number for small screens

Open
#11,781 15 comments 0 reactions 0 assignees View on GitHub
[Block] Tiled Gallery [Feature] Tiled Gallery [Focus] Blocks [Pri] Low Customer Report [LEGACY] Enhancement
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

Right now, Tiled Galleries look the same on desktop and on mobile. If 3 columns were created on desktop, the same three columns will be displayed on mobile, even though that makes some of the images really small.

It would be nice if the layout could adapt to mobile devices, and break down to 2, then only 1 column so the images are as large as they could be on mobile devices.

Suggested here:
https://wordpress.org/support/topic/tiled-galleries-not-mobile-responsive?replies=1&view=all

Contributor guide

Open the contributing guide

Research direction

No files, tests, or entry points are named in the issue. Start by locating the Tiled Galleries layout implementation and its responsive behavior, then verify that galleries reduce from three columns to two and one on smaller screens while preserving the desktop layout.

Written by the indexing model from the issue text.

Assessment

Tech stack
php
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 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.