How would one go to create a fully "responsive" application?
So I like Solara. However, there are some things that I find kind of weird. Specially coming from the flutter world.
I want to recreate an app that respects the aspect ration of various texts and images, and add new columns as the width of the app increases.
I'm finding it difficult to do it. For example, most of the apps use pixels to define the behavior of the sidebar. That is not helpful if you don't know the size of the screen of the user.
Does anyone know a set of best practices for creating a reactive app with solara?
2 Replies
I get that you'd feel like that. I'm not familiar with flutter, so I don't know how things work there, but looking at some of their basic documentation, it seems like you can use
solara.Column and solara.Row to achieve a lot of the layouts. Some custom CSS might be required, but you can use either the style argument to a component, or solara.Style to achieve that. I don't know how familiar you are with front-end web development, but looking at flexboxes would likely be worth it. For your specific question about adding new columns, I'd take a look at using a Row, and setting flex-wrap: wrap on it. Let me know if you want me to take a look at some specific case!Chris Coyier
CSS-Tricks
A Complete Guide to Flexbox | CSS-Tricks
Our comprehensive guide to CSS flexbox layout. This complete guide explains everything about flexbox, focusing on all the different possible properties for the parent element (the flex container) and the child elements (the flex items). It also includes history, demos, patterns, and a browser support chart.
thank you!
will look into it