I got a little issue with resizing the content of iframes. there are 4 iframes on my website on a 2\*2 grid.

but when i want to resize the content to fit the iframe size, the iframes get smaller and suddenly there is a big distance between the iframes.

this is the code i used to resize

.scaled-frame {

```
        zoom: 1.2;
        -moz-transform: scale(0.71);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.71);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.71);
        -webkit-transform-origin: 0 0;

    }

```

any ideas how to solves this or what i am doing wrong?

thanks