Trying to align images

So I have recently started my portfolio page and looking for some help.

For my portfolio sections I have 3 images with links to their pages (one is a placeholder) with captions underneath. What I want to do is align these 3 images in the one row, with their captions in the center under each image. Can anyone help me with this?

I think I may have to many

's in there somewhere but I have been looking at this for way to long now.

just add this to your css:

.col-sm-4 {
display: flex;
flex-flow: row wrap;
justify-content: space-around;

all info on flex-box here:

Thank you for this, going to go read up on it so I can understand it.