# Change item position on parent

**URL:** <https://phaser.discourse.group/t/change-item-position-on-parent/4665>\
**Category:** Phaser 3\
**Created:** [December 20, 2019, 6:19am UTC](https://phaser.discourse.group/t/change-item-position-on-parent/4665 "2019-12-20T06:19:13Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![alfianinda](https://avatars.discourse-cdn.com/v4/letter/a/e95f7d/32.png) [@alfianinda](https://phaser.discourse.group/u/alfianinda)\
**Post date:** [December 20, 2019, 6:19am UTC](https://phaser.discourse.group/t/change-item-position-on-parent/4665/1 "2019-12-20T06:19:13Z")

</div>

Hi all,

I make sprite that the item position is not good with the globe, like this

 ![aa](https://global.discourse-cdn.com/free1/uploads/phaser1/original/2X/b/bbbeacd70b70fd9926d40a4ef320fbdf9722845f.png)

I am going to change the position of item like this,

 ![mobile-screen-4](https://global.discourse-cdn.com/free1/uploads/phaser1/original/2X/b/bd4d6cb66f1d71fa19cf19a632f0249ecff76d8a.jpeg)

this here is my code,

> var config = {
> 
> ```
> type: Phaser.AUTO,
> 
> width: 700,
> 
> height: 1000,
> 
> backgroundColor: '0x444444',
> 
> parent: 'phaser-example',
> 
> scene: {
> 
> preload: preload,
> 
> create: create
> 
> }
> 
> ```
> 
> };
> 
> var game = new Phaser.Game(config);
> 
> function preload ()
> 
> {
> 
> ```
> this.load.image("bg", "assets/background.jpg");
> 
> this.load.image("dubaiitem", "assets/dubai.png");
> 
> this.load.image("nyitem", "assets/new-york.png");
> 
> this.load.image("taipeiitem", "assets/taipei.png");
> 
> this.load.image("parisitem", "assets/paris.png");
> 
> this.load.image("target", "assets/globe.png");
> 
> this.load.image("dubai", "assets/extra-menthol-dubai.png");
> 
> this.load.image("paris", "assets/chill-menthol-paris.png");
> 
> this.load.image("ny", "assets/fast-forward-purple-new-york.png");
> 
> this.load.image("taipei", "assets/fast-forward-taipei.png");
> 
> ```
> 
> }
> 
> function create ()
> 
> {
> 
> ```
> //background 
> 
> this.add.image(350,500,'bg')
> 
> //sprite globe
> 
> var container = this.add.container(game.config.width/2, 1080);
> 
> var target = this.add.sprite(0, 0, 'target');
> 
> var dubaiitem = this.add.sprite(-290,-290,'nyitem')
> 
> dubaiitem.setScale(1.8)
> 
> var nyitem = this.add.sprite(290,290,'dubaiitem')
> 
> nyitem.setScale(1.8)
> 
> var taipeiitem = this.add.sprite(290,-290,'taipeiitem')
> 
> taipeiitem.setScale(1.8)
> 
> var parisitem = this.add.sprite(-290,290,'parisitem')
> 
> parisitem.setScale(1.8)
> 
> container.add(target);
> 
> container.add(dubaiitem);
> 
> container.add(nyitem);
> 
> container.add(taipeiitem);
> 
> container.add(parisitem);
> 
> this.tweens.add({
> 
> targets: container,
> 
> angle: 360,
> 
> duration: 6000,
> 
> repeat: -1
> 
> });
> 
> //sprite cards
> 
> var container2 = this.add.container(350,200)
> 
> var dubai = this.add.sprite(0,0, 'dubai')
> 
> var paris = this.add.sprite(150,0, 'paris')
> 
> var ny = this.add.sprite(-150,0, 'ny')
> 
> var taipei = this.add.sprite(300,0, 'taipei')
> 
> container2.add(dubai)
> 
> container2.add(paris)
> 
> container2.add(ny)
> 
> container2.add(taipei)
> 
> ```
> 
> }

Could anyone help me?