Not providing any size for a surface will make the surface taking the size of it's parent, for an image we call this a "fill".

![enter image description here](https://i.stack.imgur.com/jvJhE.png)

But this distord the image, now how to make a surface (or whatever element with a size) to fit it's parent height or width keeping the elements ratio ?

Minimal code example:

```
var Engine = require('famous/core/Engine');
    var Surface = require('famous/core/Surface');

    var mainContext = Engine.createContext();
    var firstSurface = new Surface({
        size: [200, 100],
        content: 'How to make this surface fit its parent (mainContext) keeping the 2/1 size ratio ?',
        properties: {
            backgroundColor: 'orange'
        }
    });

    mainContext.add(firstSurface);

```