Hola esta seria mi sugerencia:
COMO ESPACIAR CORRETAMENTE LOS ELEMENTOS DE UN GRID
<div class="grid">
<div class="course ">1</div>
<div class="course">2</div>
<div class="course">3</div>
<div class="course">4</div>
<div class="course">5</div>
<div class="course">6</div>
<div class="course">7</div>
<div class="course">8</div>
<div class="course">9</div>
<div class="course">10</div>
<div class="course">11</div>
</div>
.grid { display: flex; flex-wrap: wrap; width: 100%;} .course { display: flex; width: auto; margin: 10%;
}