Can't seem to figure this one out.

I want to allow a mobile user of my app to interact with two, large (ideally square) buttons which live side by side using **bootstrap 4 framework**.

Beneath each button, is an `<input>` which acts as a counter for the # of times the button above was pressed.

I can't get the button/input pairs to line up vertically in mobile mode, like this:

```
----------------
| (Mobile view)|
|  <card>      |
|  [B1]  [B2]  |
|  [I1]  [I2]  |
|              |
| </card>      |

```