How to control the padding between the elements of the feedback form (bootstrap)?

Question

css

When the browser size is reduced, padding between feedback elements spontaneously appears, how to remove it?

Bootstrap feedback form.

I reduce the browser, it turns out as in the first picture, but then I start to reduce the width of the browser even less and indents appear as in the second picture.

Answer 1

The thing is that inline-block elements have a small indent, there are several ways to deal with this:
1.

<ul>
  <li>
   one</li><li>
   two</li><li>
   three</li>
</ul>

2.

<ul>
  <li>one</li
  ><li>two</li
  ><li>three</li>
</ul>

3.

<ul>
  <li>one</li><!--
  --><li>two</li><!--
  --><li>three</li>
</ul>
4. Отрицательное margine

5.

<ul>
  <li>one
  <li>two
  <li>three
</ul>

6.

nav {
  font-size: 0;
}
nav a {
  font-size: 16px;
}

7. flexbox

Answer 2

Zadro4il apparently his browser, while he wrote three lines of code)))
Clean the cache. Everything is working ;)

Answer 3

ctrl + R

Answer 4

Guys, I reformulated the question, I'm sorry that I could not immediately formulate it correctly, my cant.

Answer 5

.form-group: 1rem; is responsible for this retreat

Answer 6

First - it is important to understand how exactly you reduce the browser
Second - no one here will help you without code