I have 3 text boxes on my site currently, but they only scale properly on 1920x1080

```
.border {
  width: 320px;
  padding: 10px;
  border: 3px solid black;
  margin-left: 450px;
  display: inline-block;
}

.border2 {
  width: 320px;
  padding: 10px;
  border: 3px solid black;
  margin-left: 20px;
  display: inline-block;
}

```

How can I scale them correctly so they center all 3 on different resolutions and stack on mobile 9:16 resolutions?

Full HTML/CSS <https://pastebin.com/wtiVngjz>