Responsive Design Made Easy with CSS Grid and Web Components

A simple responsive layout example without any tricks nor manipulating DOM with JavaScript.

Responsive design is used to create good user interfaces across all display sizes and devices. Generally, this means the size, position, and visibility of each section within the UI is dependent on the display size. Building responsive layouts with CSS grid allows us to easily define a grid, element positions and sizes within the grid for each breakpoint we define.

New Vaadin element for building stunning dashboards released

As hinted earlier, today the Vaadin Pro team is happy to introduce Vaadin Board. It is an element for creating flexible responsive layouts very easily. No need to hassle with CSS, you just write plain declarative code. Vaadin Board can be used to create dashboards, intro screens, image galleries or ...