Styles and breakpoints
2 min
In this lesson you will
- style a block and override it on small screens
The inspector's Style tab sets spacing, size, alignment, borders, background and effects such as shadow and opacity for the selected block or layout node. Colours come from the organisation's brand tokens, so a theme change restyles every lesson. The breakpoint switcher in the top bar steps between the desktop, tablet and phone widths; any style set while a narrower one is selected overrides the wider one. A course can define up to six breakpoints.