Browse: Home / Snippets /

Equal height course grid CSS

Contents


Snippet #

body .ld-course-list-items .ld_course_grid .thumbnail.course,
body .ld-course-list-items .ld_course_grid .thumbnail .caption {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Remove this if you don't want the "See more..." button aligned to bottom of each Course Grid item */
body .ld-course-list-items .ld_course_grid .thumbnail .caption {
    justify-content: space-between;
}

Note: this requires the Course Grid addon plugin