/*
 * Siatka bloczków na liście kursów.
 *
 * Karta ma `h-100`, żeby wszystkie bloczki w wierszu były równej wysokości
 * niezależnie od długości opisu. Skutek uboczny: karta wypełnia całą wysokość
 * kolumny, więc `margin-bottom` z motywu przestaje robić odstęp między wierszami
 * i bloczki sklejają się pionowo.
 *
 * Dlatego odstęp bierze na siebie KOLUMNA, a karta w środku ma margines wyzerowany -
 * tak samo robi to dokumentacja Bootstrapa dla kart równej wysokości.
 */

.course-item {
    margin-bottom: 1.5rem;
}

.course-item > .card {
    margin-bottom: 0;
}