Adding vertical margins on responsive designs

I have a input element and button element horizontally aligned, side by side. When the browser turns into a mobile view the group collapses and the button comes up below the input element.

The problem is the box margins become 0, so the input element and the button are touching. How do I add margins to this viewport?

Thank you.

1 Like

Put them in a group together, and make sure there is space between the top and bottom of the group and the buttons themselves.

1 Like

Has anyone worked out how to place links (With dynamic text) side by side with even spacing, like the the bubble menu? I have a multilanguage website and I want the space between each link to be even no matter what the language is.