I am trying to make a container that contains some commands for my bot. Everytime the screen size reduces, the container and the element messes up. Ps for some reason, width property doesnt work on it.
How it looks on normal screen
How it looks on reduced screen size

Main CSS Code

@media screen and (max-width: 990px) {
 .main {
      display: flex;
      flex-direction: column;
    }
 .helppanel {
      justify-content: center;
      align-items: center;
      margin-left: 25%;
      width: 70%;
    }
  .command-name {
      display: inline-flex;
    }
  }