Component Catalog
Course Grid Block Training
Training
Course Grid Block Lists course modules with duration and level
Lists course modules with duration and level.
When to use
This page shows the Course Grid Block across background, alignment and spacing settings, then lists its fields.
Variations The same block across five settings
Left · Light 01 — bg: bgstyle-01 · align: left
Learn
Course modules
Foundations
2hBeginner
Building pages
3hIntermediate
Advanced blocks
2hAdvanced
Center · Light 02 — bg: bgstyle-02 · align: center
Learn
Course modules
Foundations
2hBeginner
Building pages
3hIntermediate
Advanced blocks
2hAdvanced
Right · Plain — bg: bgstyle-00 · align: right
Learn
Course modules
Foundations
2hBeginner
Building pages
3hIntermediate
Advanced blocks
2hAdvanced
Center · Dark 05 — bg: bgstyle-05 · align: center
Learn
Course modules
Foundations
2hBeginner
Building pages
3hIntermediate
Advanced blocks
2hAdvanced
Center · Image BG — bg: bgstyle-05 · align: center
Learn
Course modules
Foundations
2hBeginner
Building pages
3hIntermediate
Advanced blocks
2hAdvanced
Field reference
| Field | Editor | Required |
|---|---|---|
| courseModules | Block list (title, duration, level) | — |