web-stories-wp
web-stories-wp copied to clipboard
Blocks: Grid layout setting for 4 columns does not apply
Bug Description
When I set the number of columns to 4, the grid layout remained at 3 columns.
Expected Behaviour
Changing the number of columns to 4 should display the grid layout in 4 columns.
Steps to Reproduce
- Add Web Stories block
- Select Grid Layout
- Change number of columns to 4
- Note the number of columns displayed has not changed from 3 to 4
Screenshots
https://user-images.githubusercontent.com/66372350/179762339-ba1fcccf-4aff-4b73-9702-be611649cd75.mov
Additional Context
Used default WP theme Twenty Twenty-Two. Also occurred with Twenty Twenty-One. Site: https://testsite.cmsdevrel.com/2022/07/19/test-4-columns-grid-layout/
- Plugin Version: 1.23.0
- WordPress Version:
- Operating System: macOS
- Browser: Chrome
What theme is this happening with? Or does this happen with all themes?
Both Twenty Twenty-Two & Twenty Twenty-One.
I have worked on this issue. There is a very simple solution. https://github.com/GoogleForCreators/web-stories-wp/pull/12469. Removing min width, fixes the issue, but changes the styling a little. Let me know what you think of the solution.