How to scale correctly for all monitors div?

Question

css

We have some weather widget on the site, it is stored in a container with the following parameters.

<div style="position: fixed; width: 100% ; bottom: 0; left: 90%; right: 0; top: 0; z-index:100;">

So the problem is that because of the small monitor (monitor resolution 10 ') This widget is not displayed on the right and part of it is eaten. But it is worth reducing the scale of the page display as everything is in order.
you can see the site itself here
How can I make it so that it is displayed on all monitors correctly I can’t understand my head has already broken.
100% scale.
globally scaled down.

Answer 1

Faced a similar problem. I was also looking for a solution for a long time, I tried different options. In the end, I did it with display: table-row, display: table-cell;