Issues with DIV while trying to center

I’m having some wonky issues while trying to center a div. I’m using bootstrap and have tried using -offset and -centered with the class. When I do, the div resizes the width to fill the entire parent element.

Also, any feedback on if I’m doing anything else inefficiently is also welcomed.

Here is the CodePen link

Well, figured it out. There’s no way to delete a thread or I would.