In WPTV Category page video group layout should be full width in mobile

[multidots1896]

In WPTV Category page video group layout should be full width in mobile below media screen 415px.
Url:
​https://wordpress.tv/category/how-to/

[multidots1896]

added screenshot

[multidots1896]

added patch

[dd32]

#6279 was marked as a duplicate.

• Removes max-width from the list item.
• Sets the thumbnail image to 100% width and auto height to start (without a media query).
• Moves the image's exact dimensions inside the min-width: 415px media query.

https://meta.trac.wordpress.org/ticket/6244

[sabernhardt]

6244.patch​ could work for visitors whose screens are less than 415 pixels wide, though the design would break at exactly 415 pixels. I think the max-width can be removed, and the image could have 100% width for the base style but exact dimensions starting at the 415px breakpoint. I made a pull request to try that approach.

[timse201]

The design has changed. There are now 2 columns on small screens. Is it OK to close it?

[sabernhardt]

secondary videos in one narrow column, at 414 pixels wide

[sabernhardt]

secondary video thumbnail images next to their text, at 415 pixels wide

[sabernhardt]

When the screen is narrower than 415 pixels, items in the .secondary-videos section are still in one column that is only 130 pixels wide. This is not ideal, but stretching the thumbnail images to the same width as the main video could give them too much prominence.

Note: Decreasing the CSS breakpoint from 415px to 320px could be a simpler option.