/Javascript/Bootstrap/Why can't i move my react bootstrapmodal over to the left

Why can't i move my react bootstrapmodal over to the left

#modal {
  /*Position and width*/
  position: fixed;
  width: 30%;
  height: fit-content;
  
  /*NOTE: If you want your modal's position to be absolute or fixed, you should also include:*/
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /*Centering horizintally*/
  margin: auto;

  /*Purely visual stuff*/
  border: 2px solid #ccc;
  border-radius: 3px;
  background-color: ghostwhite;
  text-align:center;
}

Source: stackoverflow.com

Similar codes

0 vote247 views1 answer
Toast notification angular bootstrap 8
Javascript Bootstrap
0 vote210 views1 answer
Progress bar bootstrap border
CSS Bootstrap
0 vote207 views1 answer
Bootstrap dropdown in accordion problem
CSS Bootstrap
0 vote197 views1 answer
Bootstrap ol
CSS Bootstrap
7 votes221 views3 answers
Bootstrap remove outline
CSS Bootstrap
0 vote200 views1 answer
React bootstrap css module use media query mixin
CSS Bootstrap
253 votes325 views10 answers
Bootstrap cdn
CSS Bootstrap
145 votes334 views6 answers
Add bootstrap to react
Javascript Bootstrap
0 vote199 views1 answer
Show modal in bootstrap 4
CSS Bootstrap
0 vote202 views1 answer
Bootstrap not working in print
Javascript Bootstrap