NO BUG: Visual Grid builder: Responsive is not working as expected

Bugs
1

Browser: Chrome 143.0.7499.170
OS: Windows

Hi team,

As you can see in the video below, Responsive in Breakpoint Mobile does not work as expected.

1 Like
2

Hi @HOSEIN,

I see. I’m leaning into a no bug for this one. :thinking:

The reason why this is happening is that you used 3 columns. The first element spans 2 columns, and the second is fixed at the third column, spanning 2 rows.

That’s why it does not let you set 2 columns. You can even see this in the builder, even if it’s 1fr 1fr there, you will still have 3 columns, not 2. It’s how CSS works. :slight_smile:

The solution is to reset the grid on mobile, or just the elements, so that they are not fixed on third column.

Please try that and let me know if that works.

Best regards,
Matej

3

Hi @Matej,

Thanks for the reply. What you said makes sense.

The solution is to reset the grid on mobile, or just the elements, so that they are not fixed on third column.

Did you mean that I can reset the grid on mobile like this? If so, I tried it but it doesn’t work. It makes sense that it wouldn’t work because inherited values ​​can’t be reset.

4

Ok then. I’m marking the topic as no-bug in this case :slight_smile:

Ahhh, I’m sorry. By “reset”, I mean that you put those two blocks back to columns 1 and 2 manually. You are right, you can’t reset something that just inherited the values.

Maybe I’m too much in holiday mode now :smiley:
Matej

1 Like
5

Ah, I understand.

Excellent :grinning_face: the best as always :victory_hand:

1 Like