I was just curious if there was a way to add two of the narrow boxes side by side so I can do multiple with two in a row at a time :0 would you know a way to do this?

Yea! At the start of the code put
<div class="row no-gutters">
              (In between put the narrow box code, and just copy and paste how many u want)
and at the very end after the entire code put
</div>

If you want the whole code to be more narrow than it currently is, then you'll need to change the # in col-lg-5 on line 14 (the very first piece of code at the top, it starts with div). The smaller the number the more narrow it gets. You can play around with it in this live TH editor It might look funny if you make it too narrow tho
Ex:

Current line 14: <div class="col-12 col-lg-5 my-1" style="margin:auto">
More narrow: <div class="col-12 col-lg-4 my-1" style="margin:auto">

Whenever I do that it looks kinda like this rather than being side by side :,,) 

My code looks something like

<div class="row no-gutters">
<div class="col-12 col-lg-5 my-1" style="margin:aut">
<hr>    
<div class="row no-gutter">
   

at the top and I definitely added the </div> at the end, am I missing something? Sorry to keep bothering you!

56454329_1vSYHsmgqvc8AAL.png


in the code is your style="margin:aut" spelt like that? It should be margin:auto
if it's spelt :aut in your code it'll not go side by side, that might be why :O! Also, no worries! it's not a bother at all