# Scale full screen phaser 3

**URL:** <https://phaser.discourse.group/t/scale-full-screen-phaser-3/5461>\
**Category:** Phaser 3\
**Created:** [March 10, 2020, 9:27am UTC](https://phaser.discourse.group/t/scale-full-screen-phaser-3/5461 "2020-03-10T09:27:58Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![gio\_nole](https://avatars.discourse-cdn.com/v4/letter/g/ec9cab/32.png) [@gio\_nole](https://phaser.discourse.group/u/gio_nole)\
**Post date:** [March 10, 2020, 9:27am UTC](https://phaser.discourse.group/t/scale-full-screen-phaser-3/5461/1 "2020-03-10T09:27:58Z")

</div>

I am really trying to understand my issue in all my power, but still no luck.

I have a game config such as:

```javascript
var config = {
            type: Phaser.WEBGL,
            scale: {
                mode: Phaser.Scale.FIT,
                autoCenter: Phaser.Scale.CENTER_BOTH,
                parent: parentDiv,
                width: 1920,
                height: 1080
            },

            width:1920,
            height:1080,
            
            parent: parentDiv,
        };

```

Now, what happens is , the game runs , but there’re black or sometimes white borders left/right side or top/bottom side. Looks like this is normal since it’s trying to scale it and that’s the best thing it can do.

I am wondering, is it even possible to show my game on full screen without any black/white borders at all and still have it scaled? any best practice or solution?

Thank you in advance.