Bom dia,
Eu tenho os seguintes componentes em React, um header e um componente gradient, um componente que é “roteado” (em azul) e um footer (figura 1).
Neste componente roteado vários outros componentes sao mostrados, e em um deles eu tenho um componente (em vermelho) que se chama parent (tem vários outros child components dentro dele).
Eu gostaria de entender o comportamento do componente vermelho em relacao ao azul. Ele se restringe nos lados e na parte superior mas na parte inferior ele se extende para além do azul e até para além do footer.
Eu gostaria que o componente vermelho ficasse restrito ao azul (como na figura 2), e nao gostaria de ter uma altura hard-coded naturalmente (gostaria que o componente se adaptasse ao tamanho do componente azul)
Qualquer ajuda eu agradeco!

