Use consistent spacing before decorative effects. A demonstration editing brief; supply your own evidence and details.
Editorial focus
Use consistent spacing before decorative effects.
The idea in plain language
Name the task before showing the code. Explain what the reader should be able to do at the end, and keep the first example small enough to understand without switching between several tools.
CSS layout · Lesson 2 of 6
What you will practise
- Path
- CSS layout
- Approach
- Read → try → review
- Resources
- On this page
A small example
.stack > * + * { margin-block-start: 1.5rem; }
.card { padding: 1.5rem; }Show a reflection prompt
Explain the example to a person who has not seen the code. Which part does the most useful work?
Try one change
Copy the small example, then alter one part. Describe the difference you observe. If the result is unexpected, return to the smallest working version and compare the change carefully.
Review what you made
Read the result without its decoration and navigate it with the keyboard. A clear structure and a useful explanation should survive when the optional enhancements are unavailable.
The learning desk
Make room for a new idea.
A notebook, a small example and the time to work through a question.
Illustrative photography, not evidence of the sample project, recipe or reported event.