Question: According to the [documentation on custom layouts](https://developer.android.com/jetpack/compose/layouts/custom): *"Each UI element has one parent and potentially many children. Each element is also located within its parent, specified as an (x, y) position, and a size, specified as a width and a height."*

Let's say I have a Button inside of a Box. How can I specify the exact X and Y position for the Button inside that Box?

Answer: 
By default `Box` has `TopStart` alignment, which is the same as android coordinate space start point. To move from that point you can use `offset` modifier:

```
Box {
    Button(
        onClick = { /*TODO*/ },
        modifier = Modifier
            .offset(x = 100.dp, y = 100.dp)
    ) {

    }
}

```
```
modifier = Modifier.layout { measurable, constraints ->
                        val placeable = measurable.measure(constraints)
                        layout(placeable.width, placeable.height) {
                           //  placeable.placeRelative(x.roundToPx(), y.roundToPx())
                            placeable.place(IntOffset(it.offset.x.roundToInt(), it.offset.y.roundToInt()))
                        }
                    }

```