Footer and Responsiveness

Hello, thanks for your help, the Bubble Community is truly amazing ! here my problem.

I would like to reduce the space between my elements in the middle (Groupe Onglet) and to reduce margins in red when I reduce the width. How can I do that ? It is quite tricky!

Capture d’écran 2020-05-24 à 19.40.50|690x390

If you put four icons in one group, then the red and green margins that you are showing will automatically collapse as width reduces.

If you want icons to come closer too when the width reduces, ideally even that should happen automatically, but if it doesn’t happen, then put each icon in a group and define the rules on sizes of the group when width reduces.

Thank you for the answer ! Really appreciated

I had already put the four icons in the same group.

I tried to put each icon in a group but it remained the same. Which rules should I change ? The ones of the big group or the onew of the group made with each icon ?

Put a rule for each group that you are putting icon in.

Ok I will try it. A rule is left or right or centered margin, is that right ?

Rule for min. size like this:

Screenshot 2020-05-26 at 5.50.26 PM

thanks a lot !