Le agregue flex-direction:column para que quedara de forma vertical. Por que con el código sugerido queda de forma horizontal
.grid {
display: flex;
flex-wrap: wrap;
background: burlywood;
flex-direction: column;
} .course { width: 31.3%; margin: 1%; background-color: blanchedalmond;
}
