# Phaser Container

**URL:** <https://phaser.discourse.group/t/phaser-container/14284>\
**Category:** Phaser 3\
**Created:** [May 2, 2024, 4:53pm UTC](https://phaser.discourse.group/t/phaser-container/14284 "2024-05-02T16:53:20Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Tanriverdi](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/tanriverdi/32/8265_2.png) [@Tanriverdi](https://phaser.discourse.group/u/Tanriverdi)\
**Post date:** [May 2, 2024, 4:53pm UTC](https://phaser.discourse.group/t/phaser-container/14284/1 "2024-05-02T16:53:20Z")

</div>

When I change the scale of the container, the visuals and physics lines don’t fit, I still haven’t figured out how to fix it

```javascript
import { Scene } from 'phaser';

export class Game extends Scene
{
    constructor ()
    {
        super('Game');
    }

    create() {
        this.cameras.main.backgroundColor.setTo(255, 255, 255);

        const ballShape = this.cache.json.get('ball_shape');

        this.sportItemsContainer = this.add.container(0, 0);
    
        const basketball = this.add.image(350, 250, 'basketball');
        this.matter.add.gameObject(basketball, { shape: ballShape.basketball });
        basketball.setScale(0.6);
        this.sportItemsContainer.add(basketball);
    
        const football = this.add.image(450, 250, 'football');
        this.matter.add.gameObject(football, { shape: ballShape.football });
        football.setScale(0.6);
        this.sportItemsContainer.add(football);
    
        const tennis = this.add.image(400, 350, 'tennis');
        this.matter.add.gameObject(tennis, { shape: ballShape.tennis });
        tennis.setScale(0.6);
        this.sportItemsContainer.add(tennis);
    
        this.sportItemsContainer.setScale(1.5)
    }
}

```

 ![Screenshot at May 02 19-52-52](https://global.discourse-cdn.com/free1/uploads/phaser1/original/2X/a/af5cd49123baa6e09689d2c57884a5dd0af7fdc9.jpeg)