Thanks for the reply! As soon as I read that, it seemed like a logical solution to me. However, after nesting a div below the main one -- the content didn't center -- and but the images inside the cards shifted slightly. Maybe I'm doing something wrong.
HTML
<div class="w3-row-padding game_card">
<div class="center_content">
*** CONTENT ***
</div>
</div>
CSS
.game_card {
margin-left: 200px;
margin-top: 30px;
}
.center_content {
margin: 0 auto;
}