Hardly to create responsive App, isnt it?

Hi, i think its not very easy to create a responsive app without having a lot of CSS. Are there any documentations i missed and not found via google?

I come from JSF where you could find a lot of ready to use templates like primefaces etc. It makes it easier to start a responsive app.

Can Vaadin-Copilot help developing responsive apps? Ok i see only for Hilla/React available, i am using Flow

Did you read this? Building responsive layouts with Vaadin utility classes | Vaadin

1 Like

oh looks like i havent seen it yet. How have you found that page, i think i never have seen it, but will study it. Thanks! Any more suggesitions? :slight_smile:

I’m subscribed to the blog :wink: it helps to get thr latest infos. Personally I use Bootstrap’s Grid combined with Vaadin’s FormLayout to archive responsiveness - not really much to add tho.

Bootstrap’s Grid with vaadin? I am confused.

Just add those 600 lines of css and apply those class names to divs :wink:

Download · Bootstrap v5.1 this?

its bootstrap grid has 5000 lines oO

If you inspect the file you can see that it contains 80% or more utility classes that aren’t needed. The bare grid is “small”

ah yeah indeed, so those 3 size-classes are what you mean?
image

Maybe you could drop an example how you use it in you vadin classes, would really appreciate it

@Jean-Christophe.1 created an add-on in the past that can be used as inspiration bootstrap-for-vaadin - Vaadin Add-on Directory