lia-DynFlex for LiaScript: Resizable Multi-Column Layouts

<!--
import: https://raw.githubusercontent.com/MINT-the-GAP/lia-DynFlex/main/README.md
-->

<section class="dynFlex">

<div class="flex-child">

### Column A

Your content here — text, images, code, anything.

</div>

<div class="flex-child">

### Column B

Another section of content.

</div>

<div class="flex-child">

### Column C

A third panel.

</div>

</section>

<section class="dynFlex">

<div class="flex-child">

**Group A — Arithmetic**

$a)\;\;$ $3 + 4 =$ [[ 7 ]]

$b)\;\;$ $6 \times 8 =$ [[ 48 ]]

$c)\;\;$ $100 - 37 =$ [[ 63 ]]

</div>

<div class="flex-child">

**Group B — Geometry**

Area of a rectangle with $l=5$ and $w=3$: [[ 15 ]]

Perimeter of a square with $s=4$: [[ 16 ]]

</div>

</section>

<section class="dynFlex" data-gap="30" data-basis="33" data-store="worksheet-layout">

<div class="flex-child">Left panel</div>
<div class="flex-child">Center panel</div>
<div class="flex-child">Right panel</div>

</section>

<!--
import: https://raw.githubusercontent.com/MINT-the-GAP/lia-DynFlex/main/README.md
-->

# Photosynthesis

<section class="dynFlex" data-store="photo-lesson">

<div class="flex-child">

## Explanation

Photosynthesis converts light energy into chemical energy stored in glucose.
The overall equation is:

$$6\,CO_2 + 6\,H_2O + \text{light} \rightarrow C_6H_{12}O_6 + 6\,O_2$$

The process takes place in the **chloroplasts** and has two main stages:
the light-dependent reactions and the Calvin cycle.

</div>

<div class="flex-child">

## Quiz

Which molecule stores the energy produced in photosynthesis?

[( )] Carbon dioxide
[(X)] Glucose
[( )] Water
[( )] Oxygen

Where does photosynthesis take place?

[[chloroplasts]]

</div>

</section>