---
title: "fitInside"
description: "Fits the contents within [rulers]. This only works when [Constraints] have
[fixed width][Constraints.hasFixedWidth] and [fixed height][Constraints.hasFixedHeight]. This can
be accomplished, for example, by having [Modifier.size], or [Modifier.fillMaxSize], or other size
modifier before [fitInside]. If the [Constraints] sizes aren't fixed, [fitInside] will size the
child to the [Constraints] and try to center the content within [rulers]."
type: "modifier"
---

<div class='type'>Compose Modifier</div>

<a id='references'></a>
<div class='sourceset sourceset-common'>Common</div>


```kotlin
fun Modifier.fitInside(rulers: RectRulers): Modifier
```


Fits the contents within `rulers`. This only works when `Constraints` have
`fixed width` and `fixed height`. This can
be accomplished, for example, by having `Modifier.size`, or `Modifier.fillMaxSize`, or other size
modifier before `fitInside`. If the `Constraints` sizes aren't fixed, `fitInside` will size the
child to the `Constraints` and try to center the content within `rulers`.



## Code Examples
### FitInsideOutsideExample
```kotlin
@Composable
fun FitInsideOutsideExample() {
    Box(Modifier.fillMaxSize()) {
        // Drawn behind the status bar
        Box(Modifier.fillMaxSize().fitOutside(StatusBars.current).background(Color.Blue))
        // Drawn behind the navigation bar
        Box(Modifier.fillMaxSize().fitOutside(NavigationBars.current).background(Color.Red))
        // Body of the app
        Box(Modifier.fillMaxSize().fitInside(SafeContent.current).background(Color.Yellow))
    }
}
```