How to create responsive design

[rajjangid911 (DEV RDX)]

How to creat responsive app design

I creat a design…

but… some different screen size mobile in app are destroy design

1. 

2. (destroy)

[Mohamed_Tamer]

Hi @rajjangid911,
See here:

Responsive Screen Sizing

Hello Kodular Developers, I have seen a few pertaining to “Resizing Apps” or “Responsive Screen Sizes” and I believe I found a small alternative to some of the problems people are having. From reading Resize Apps on Different Screen Size, the first step would be to set the sizing in Screen1 to “Responsive”. The next step would be to set all components to a percentage instead of pixels. Setting components to “pixel” mean they are static and wont change in size. With percentages, the component has…

And here is an example.

Centralize FAB - Vertically and Horizontally

This topic will contain a table of contentsHello, I was going to sleep yesterday when I thought of a way to centralize the FAB (Floating Action Bar), so, mathematically, I thought the following way (Follow step-by-step). Getting the Width of the Screen To get the width of the canvas is easy, just add an object (I’ll use an arrangement) and set its width to fill all the available content, it is important that this object has no obstacles and that can fill the entire width of the screen: [image] …

[ramrajput200021 (Techy Rajput)]

Use component width and height in percentage instead of pixels and next time search community first for your question.

[Mohamed_Tamer]

There was another question today about the same thing:
See this:

How can i use the screen width block for getting user is using tablet or phone

Hi @AryanGupta, Check this one.that one uses same logic at yours.But notice the values used. Hope it helps

And

How can i set the size in phone and tablets

It’s better to set your buttons to percentage values.So it become responsive in all of the screens.