Flexbox. One “canonical” layout.

This is simple layout which I often use in GIS applications. Right panel can be a map element or etc.
flexbox
Code snippet

If we want to add footer, add to style:

and to html as last child of body:

flexbox_footer

P.S. For using in all browsers that supports flexbox, use specific css properties -webkit-flex, ms-flexbox and etc.

Leave a Reply

Your email address will not be published. Required fields are marked *

6 + 2 =