Flexbox Horizontal Line Masonry

If you are okay with a ragged edge, use this horizontal masonry.

.card-container {
    display: flex;
    flex-wrap: wrap;
}
.card {
    flex: 1 0 auto;
    margin: 0 1rem 1rem 0;
}