Widget size changing while zooming

[akhila13]

I have created a custom widget when the zoom size is  80 %  the allignment of te widget is correct.. When the zoom size increases the alignment changes.Could you please help us to fix this.

[Raj68]

Hi,

did you try it in another browser because sometime it happens because of browser also.

NOTE: Mark correct or helpful if it helps you.

Warm Regards,

Raj patel

[Pankaj Bisht1]

Hello @akhila,

This happens due to the bootstrap error.

As you may know that there are multiple sizes that we need to set as the HTML class. 

Example

• xs (for phones - screens less than 768px wide)
• sm (for tablets - screens equal to or greater than 768px wide)
• md (for small laptops - screens equal to or greater than 992px wide)
• lg (for laptops and desktops - screens equal to or greater than 1200px wide)

- <div class= " .col-xs-6 .col-sm-3. .col-xs-6 .col-sm-3" >

So here, what I can see is the div sizes are not defined correctly. Due to which whenever you try to increase the size, it is taking its default value as 1. Which further result in 1 div/object per line.

In order to avoid this, try to make the HTML a bit more symmetrical so that even if it goes out of shape the objects will form meaningful data.

Let me know if you have any doubt.

[Vaibhav39]

hello @akhila13 , I also have same issue. Did you get any resolution for this.
Please help me on this.