#element-calcum-style Examples
Documentation can be found [here](https://github.com/yuvilio/element-calcum-style), including the code for this [example](https://github.com/yuvilio/element-calcum-style/blob/master/examples).
## Ex. 1: Height
Below is a simple flexbox layout with the middle item having twice the flex-grow of the other two. To see what this means in terms of their heights, __inspect this element__ below (it's the div with class .ex-height-flex) __with your browser__ developer tools. Try assigning it a height (say 200px) and then hitting the up or down arrows to adjust that height. It should trigger the calculations of the sibling elements.
Box 1 Qui aute veniam aute fugiat proident officia ipsum officia. Aliqua qui ad duis proident anim ex nostrud nulla ea adipisicing excepteur veniam aliquip minim.
Box 2
Box 3
## Ex. 2: Multiple measurements
You can monitor and display as many measurements as you want on the same elements. Simply run a calcum for each one and optionally concatenate them in the css content. Adjusting the height/width below of .ex-multiple-calcum in the inspector will trigger a recalc of both along with a width-height ratio (when adjusting height).
Need to use dom events (resize, mouseover, ...) or your own inputs (slider inputs, buttons, )? Have a look at [element-calcum](http://yuvilio.github.io/element-calcum/). More demos are available there as well.