Course: Designer cards width

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;
}

Designer cards width

Designer cards width

Course: Designer cards width | bdecent.io

Default behaviour

Prevent cards from growing