Learning Tools | bdecent.io

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

Section

Activity

Print layout

No notes found