Course: Customize Designer cards width with CSS

Calendar

Customize Designer cards width with CSS

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

You are currently viewing this course as Guest.

Customize Designer cards width with CSS

Customize Designer cards width with CSS

Course: Customize Designer cards width with CSS | bdecent.io

Default behaviour

Prevent cards from growing