[UI] Photos on WordPress.org” section displays uneven 7-column grid layout on desktop
Component: WordPress.org Profile Page — Photos Section
Describe the bug: The “Photos on WordPress.org” section on user profiles currently displays photos in a 7-column grid on desktop, which results in an uneven and visually inconsistent layout. With 20 photos displayed, the rows break as 7 + 7 + 6, leaving the last row incomplete and asymmetrical.
Expected behavior: The grid should use a 5-column layout, displaying 5 photos per row. This would render 4 clean, even rows of 5 for profiles with 20 photos, and scale more gracefully for profiles with more. A 5-column grid also feels more balanced and visually appealing on standard desktop widths.
Alternatively, the photo count could be changed from 20 to 21, which divides evenly into the current 7-column layout (3 rows × 7), making the existing grid consistent without any CSS changes.
Steps to reproduce:
- Visit any WPFolks profile with 20+ photos (e.g. @satya)
- View on desktop at standard screen width
- Observe the Photos section — last row has fewer columns than the rows above it
Suggested fix (pick one):
- Change grid columns from 7 to 5 (CSS fix)
- Or change the displayed photo count from 20 to 21 (simpler backend fix)
Severity: Minor / UI/UX