← Design system

code_example_module

Inline code examples — narrative glue inside one teaching context. Auto-generated from templates/modules/code-example.php + ACF group group_62ddedd1bf781. Every variant the editor can produce is rendered below.

A typical code example

  1. index.html 🔒 
    <section class='hero'>
	<h1>Hello, world.</h1>
	<p>A paragraph of text.</p>
</section>

    The structure.
  2. style.css 🔒 
    .hero {
	display: grid;
	place-items: center;
	padding: 4rem;
}

    The presentation.

How the structure and presentation come together for the box model.