Foundation Tutorial
Foundation General
Foundation SASS
Foundation Libraries
Foundation Useful Resources
Selected Reading
- Foundation - Kitchen Sink
- Foundation - Starter Projects
- Foundation - Installation
- Foundation - Overview
- Foundation - Home
Foundation General
- Foundation - Plugins
- Foundation - Media
- Foundation - Containers
- Foundation - Navigation
- Foundation - Basic Controls
- Foundation - Typography Helpers
- Foundation - Base Typography
- Foundation - Visibility Classes
- Foundation - Forms
- Foundation - Flex Grid
- Foundation - The Grid
- Foundation - Media Queries
- Foundation - JavaScript Utilities
- Foundation - JavaScript
- Foundation - Sass
- Foundation - Global Styles
Foundation SASS
Foundation Libraries
Foundation Useful Resources
Selected Reading
- Who is Who
- Computer Glossary
- HR Interview Questions
- Effective Resume Writing
- Questions and Answers
- UPSC IAS Exams Notes
Foundation - Flex Grid
Foundation - Flex Grid
The grid depends on the flex display property. It consists of a number of features that are available with the flexbox, pke automatic stacking, source ordering, vertical apgnment and horizontal apgnment.
Browser Support
The flex grid is supported in Chrome, Firefox, Internet Explorer 10+, Safari 6+, Android 4+ and iOS 7+.
The following table describes the features of Flex Grid along with the description.
| Sr.No. | Features & Description |
|---|---|
| 1 |
It includes the export mixin for the flex grid to use the default CSS. |
| 2 |
The Flex grid structure is similar to that of float grid. |
| 3 |
If the sizing class is not included in the column, then it expands itself and fills the remaining space in the column. |
| 4 |
If the exppcit size of column in flex grid is not given, then it will auto-size the columns |
| 5 |
The flex grid columns can be apgned horizontal or vertical axis in the parent row. |
| 6 |
Source ordering helps to rearrange the column in different size of screens. |
| 7 |
SASS (Syntactically Awesome Stylesheet) is a CSS pre-processor which helps to reduce repetition with CSS and saves time. |