Odis Mobile App: Responsive Grids

Emma Bailey emma.bailey@gmail.com

Profile

736

Friends

704

Followers

697

Following
- Welcome Pages
- Inbuilt Apps9
- Interface
- Pages9
- Media
- Features
- Account9
- Settings
© Copyright @ themepassion

- Themes
- Red
- Orange
- Blue
- Teal
- Pink
- Light Green
- Violet
- Green
- Purple
- Yellow
- Indigo
- Blue Grey
- Brown
- Cyan
- Black
- Site Mode
- Light Mode
- Dark Mode
- Header Style
- Light Header
- Dark Header
- Colored Header
- Header Alignment
- Left Align Header
- Center Align Header
- Right Align Header
- App Based Align Header
- Menu Style
- Light Menu
- Dark Menu
- Colored Menu
- Menu Icons
- Menu Icons Show
- Menu Icons Hide
- Page Footer Style
- Light Footer
- Dark Footer
- Colored Footer
- Page Footer Type
- Minimal Footer
- Left Aligned Footer
- Centered Footer
- Fixed Footer Menu
- Show Fixed Footer Menu
- Hide Fixed Footer Menu
- Fixed Footer Menu Style
- Light Fixed Menu
- Dark Fixed Menu
- Colored Fixed Menu

Responsive Grids

You can resize your screen to see the responsive grids in effect.

I am always full-width (col s12)

I am full-width on mobile (col s12 m6)

s12
s2 m4
s8 m4
s2 m4
s4 m6 l3
s4 m6 l3
s4 m6 l3