Demo Layout1
Welcome! Check Out the Awesome Features:
- HTML5 & CSS3
- Responsive Design
- Flexbox Model
- Biz-casual Colors
- Subtle Effects
- HTML5 & CSS3
- Responsive Design
- Flexbox Model
- Biz-casual Colors
- Subtle Effects
What's So Great
About Flexbox?
CSS techniques such as floats, inline-block and absolute positioning were not created to deal with the demands of present-day complex responsive sites. Flexbox gives the pros of floats, block and inline-block elements sans the strange browser behaviors that come with using them.What you can do: Evenly distribute space inside a container and make columns equal in width. Grow and shrink the width of columns porportionally. Rearrange column order with ease. Source: Guil @TeamTreeHouse.
Flexbox Cross Browser Compatibility
Internet Explorer: Supports flexbox at IE 10 or higher.
Firefox: Supports flexbox at Firefox 41 or higher.
Chrome: Supports flexbox at Chrome 43 or higher.
Safari: Supports flexbox at Safari nine or higher.
Opera: Supports flexbox at opera 33 or higher.
iOS Safari: Supports flexbox and iOS Safari 9.2 or higher.
Chrome for Android: Supports flexbox for Chrome for Android 47 or higher. See the full report at Caniuse.com.