Task: Test responsiveness

[carolinan]

Description

Please hold off this testing until the "blocked" label has been removed, once the patterns have been added to the theme.

Step-by-step reproduction instructions You can test the responsiveness on your devices on your own local network, a live hosted WordPress site, or using this Playground link for the theme

Please test on a real device if possible, since the experience in for example the browser developer tools may differ.

Create new pages and posts. Add both smaller patterns, full width patterns, and the different templates. Try the menus.

Templates are changed by going to Appearance > Editor > Templates, selecting the template type, and changing the pattern in the Design panel in the settings sidebar.

Test on portrait and landscape modes.

Look for and report problems that are obvious issues.

[klf6890]

I'm working on this for Contributor Day

[klf6890]

I'm not sure if this is an intentional design choice but in the pattern Heading and Paragraph with Image on Right, at the mobile level, the padding on the left and right are not equal. Again, unsure if a design choice as the section is indented on larger sizes, but it does look odd when combined with other patterns which mostly seem to adhere to a standard padding on the left and right. Screenshot attached from an iPhone 13 with a browser width of 390px

[klf6890]

All patterns were testing on an iPhone 13, screen size 390px wide, I'm flagging these issues and including screenshots as they really just need to be reviewed. Some could be design choices, but if it looked odd to me on the mobile level, it's included here.

• Two Headings and a List — larger spacing on mobile
• Cover Image with Bold Heading and Button - Heading cropped off on longer words that are longer than width of screen
• Event pattern - padding on left and right is larger than most patterns
• Three columns with offset images - really large gaps between anything on mobile, may want to minimize this on mobile
• Posts - Grid pattern - mobile patterns are larger than most sections
• Two columns of text with offset heading - no padding on left/right edge on mobile

[carolinan]

@klf6890 Thank you for the testing and reports.

[kimclowa8c]

I'm finding mobile a pretty solid experience! I have found two items which are very small, but not sure if they're worth mentioning:

1. If WooCommerce is installed, the image in the default store page doesn't align with the content block.

2. The VideoBlock is displaying with a blank image on mobile:

Here's how it looks on desktop as a comparison (and yes, look how cute my dog was as a pup!)

[carolinan]

@klf6890 @kimclowa8c What are your wordpress.org usernames? I want to make sure you get props for testing.

[carolinan]

I tested 2025.wordpress.net on Pixel 8 pro, Chrome, and I did not see any obvious layout issues: As I have already mentioned I struggle with the small default font size for the content, and it is even smaller in the cite of the testimonial patterns.

In the "Tell your story" "Hero with full width image" pattern, the button is cut off, half of it is below the fold which is not great.

[dugyen]

Testing responsiveness for our awaited Twenty Twenty-Five Theme Description Test responsiveness of WordPress 6.7 Twenty Twenty-Five Theme

Environment

• WordPress: 6.7-beta3
• PHP: 8.3.10
• Server: nginx/1.21.4
• Database: mysqli (Server: 5.7.44-log / Client: mysqlnd 8.3.10)
• Browser: Chrome 129.0.0.0
• OS: macOS
• Theme: Twenty Twenty-Five 1.0
• MU Plugins: None activated
• Plugins:
  • Gutenberg 19.4.0
  • Test Reports 1.1.0
  • WordPress Beta Tester 3.6.0

Steps

1. Create new pages and posts.
2. Add both smaller patterns, full-width patterns, and the different templates.
3. Try the menus.
4. Templates are changed by going to Appearance > Editor > Templates, selecting the template type, and changing the pattern in the Design panel in the settings sidebar.
5. Test on portrait and landscape modes.

6. Look for and report problems that are obvious issues.

   Expected Results

7. ✅ Twenty Twenty Theme is responsive with browsers, mobile, desktop and tablets

   Actual Results

8. ✅ Twenty Twenty Theme is Responsive with WordPress 6.7-beta 3

Supplemental Artifacts

https://vioo.cc/v/5ljTe

[carolinan]

We triaged this issue on Monday and agreed to close this as completed.

[kimclowa8c]

What are your wordpress.org usernames? I want to make sure you get props for testing.

Thank you @carolinan. Mine is kimclow

[klf6890]

What are your wordpress.org usernames? I want to make sure you get props for testing.

Oh, thanks @carolinan! Mine is KristinCodesWP