How to adjust the screen size of the dashboard automatically when scale and layout size of the screen changes

[Siddharth Kudgunti]

Hello guys, I have a dashboard that is built at a screen size of125% please look at the below image. Currently, the dashboard is perfectly designed will perfect allignment no scrolls and all. Below are the things that happen when screen size changes.

 

When I open the dashboard I get scrolls in all the visualization tab.

When I open the dashboard whose screen scale and layout is 100%, the alignment of the dashboard is disturbed.

 

I tried using media queries to use a different set of CSS code for different sizes. But, it dint worked for me.

Can anyone help me out here, please