/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 vote187 views1 answer
How to apply CodeMirror in Bootstrap Modal
Javascript Bootstrap
34 votes181 views6 answers
Rounded bootstrap
Javascript Bootstrap
0 vote237 views1 answer
How to change tab color react bootstraps customixation
Javascript Bootstrap
10 votes188 views4 answers
Bootstrap badges Links
CSS Bootstrap
61 votes276 views2 answers
Bootstrap flex direction column
CSS Bootstrap
0 vote194 views2 answers
Datatable buttons bootstrap 4
Javascript Bootstrap
0 vote189 views2 answers
Bootstrap 4 scss angular 8
CSS Bootstrap
33 votes191 views3 answers
React native bootstrap
Javascript Bootstrap
92 votes315 views5 answers
Bootstrap primary color code
CSS Bootstrap
0 vote230 views1 answer
Bootstrap put button on one line
CSS Bootstrap