Responsive Layout

Vaadin is great! Responsive webpages are great! ... Wait a minute!! lets put them together!

Todo

Features

• Easily move from Vertical or Horizontal Layouts (uses same api)
• Removes Vertical Horizontal Soup from your code
• Performance Boost very lightweight layout
• Looks great everywhere

Wanna do this? Yeah you do!

Documentation

• ResponsiveLayout
• ResponsiveRow
• ResponsiveColumn

Examples

• Basic
• Nesting
• Sample Menu

Grid Concept

• The Grid System

Credits

Most of the heavy lifting CSS - Flexbox Grid