Layout Helper Examples

Stretch

Makes an element as tall as possible while remaining within the slide bounds.


					  

Stretch Example

Image byline

Stretch Example

Image byline

Stack

Stacks multiple elements on top of each other, for use with fragments.


					  
<img class="fragment" width="450" height="300" src="..."> <img class="fragment" width="300" height="450" src="..."> <img class="fragment" width="400" height="400" src="...">

Stack Example

Stack Example

One at a time.

HStack

Stacks multiple elements horizontally.


					  
<img width="450" height="300" src="..."> <img width="300" height="450" src="..."> <img width="400" height="400" src="...">

HStack Example

One

Two

Three