Our mission is to cultivate a diverse community of inquisitive learners
who welcome each other with friendship
approach new experiences with confidence
and love spending time outdoors
what we believe
– learning should be fun & empowering
– children learn best through play
– we all have wisdom to share
– we are in this together
– diversity is our strength
– belonging is for everyone
– spending time in nature is a priority
Add Your Heading Text Here
derere
what we do
who we are
where to find us

This is the heading.
This looks to have been created using an image box widget that doesn't have separate elements in it. In other words, it will not respond like a flexbox. You basically get what you get! For example, I cannot modify the elements based on the device.
This is the heading
In contrast, this one is created with a single column flex box with 3 items in it, allowing for all the flexbox settings to work.
Probably better to do this with the flex box
I tried to make a flexbox with three separate containers in it so that I could animate them with the scroll animation separately, but I could only create containers within containers, not containers next to containers. This needs to be done by selecting the right kind of flexbox container when creating the container
Not sure why, but I needed to set the bottom margin to -80 to get rid of the gap between container
The primary container here has the fill. The secondary container has no fill.
For some reason, to prevent this container from overlapping with the one below, I had to set the bottom margin to 80. I think it may have to do with the vertical scroll effect (required to use the fade in effect)
