Grid-Cells depending on width

Flow
1

Hello,

I am very new to vaadin and currently developing a little test-project to get into the framework.
Now I stuck with a problem, what i thought would be relatively simple to solve:

So I got some buttons on the page (HorizontalLayout), and depending on the width of the window, i want them to move in a next row.
How can i do that with the newest version Vaadin 13? (Like a [responsive image-grid]
(https://www.w3schools.com/howto/howto_css_image_grid_responsive.asp))

Regards

2

Hi,

If you just want them to wrap to a new line you can do horizontalLayout.getStyle().set("flex-wrap", "wrap");.