level class is a type of layout that usese flexbox with
The children of the
level class are called
level-item can have the
level-content class to allow for flex grow to stretch the div.
Above is an example that uses the
level class as the container and then the
level-item class to space out the children and keep the left and right divs in the center (vertically speaking) to the parent div.
You can also create your very own navbar with the level class. This differs from the header class in the sense that divs have more padding with the same color along with a slight adjustment to the divs.
Tl;dr: For navbars, check out the header menu documentation.
Looking at the previous examples, you may be wondering how to force the
level-items to fill the height of its parent container. This is easily done by adding the
fill-height class to the