Kurs: Designer cards width | bdecent.io

Try it now! Product hub Featured

Designer cards width

Designer
Designer, css, snippet, flex
designer
Online course

This Designer course uses the course type "Normal" and the section layout "Cards". By default the last card in a section is displayed with full width, as you can see in the "General" section.

This can be changed with a little CSS snippet:

.format-designer .section.card-layout li.activity {
    flex-grow: 0;
}

Or only for a specific section (in this case, section 2):

.format-designer #section-content-2 .section.card-layout li.activity {
    flex-grow: 0;
}