Gallery element doesn't let me change images per row with breakpoints

[guyinpv]

When I use the Gallery element, I'll set something like 4 images per row on desktop/default. But this means it also crams 4 on mobile with no wrapping.

If I change the breakpoint and then change the images per row to 2, this also changes it to 2 on the desktop as well. It seems that the images per row setting applies universally for all breakpoints.

I have to assume there is some trick to get around this, some custom CSS breakpoint of my own or something like that, but I wanted to report this anyway because it seems quite natural that I should be able to change the images per row on the Gallery based on breakpoint selection.

This is Oxygen 4.0.1.

Thanks!

[YVAK]

Just to add to this, Same issue is present on the productlist and easy posts. To fix it I ended up adding @media queries dictating the width of the container (to fix display issues on macbooks) and for smaller viewports I added flex-basis:50%; for tablets and, flex-basis:100%; for phones on the list items.

This was the only way for me to properly use these elements responsively.

Also, this should be under "Bug"

[Cr3epy]

Just to add to this, Same issue is present on the productlist and easy posts. To fix it I ended up adding @media queries dictating the width of the container (to fix display issues on macbooks) and for smaller viewports I added flex-basis:50%; for tablets and, flex-basis:100%; for phones on the list items.

This was the only way for me to properly use these elements responsively.

Also, this should be under "Bug"

Hi, is it possible you copy this code for me? I got the same issues.

[Kpudlo]

Reproduced and reported internally.

[AlkoKod]

Same thing is when using Gallery grid child columns override. Cannot be adjusted on smaller breakpoints than desktop. Really annoying.