Bootstrap 4 cómo tener margen entre columnas sin pasar por el espacio

Estoy tratando de crear 3 columnas de contenido con un poco de margen entre cada una, de modo que conshadow se ven distintos.

Sin embargo, cuando agrego un margen conmr-3 a las columnas izquierda y media, esto hace que las columnas vayan más allá del ancho del espacio y se envuelvan.

¿Cómo puedo crear espacio entre las tarjetas / columnas sin hacer que vayan sobre el espacio disponible?

https: //codepen.io/anon/pen/KeYgv

Respuestas a la pregunta(2)

Su respuesta a la pregunta