On one of my web pages, there is a data-reactroot element with a height of approximately 1906px. However, the surrounding divs and html tags have a height of only 915px.
I am trying to figure out how to make all the enclosing elements match the same height as the data-reactroot element.
I attempted to apply CSS to achieve this, but instead of resizing the elements to be taller, it ended up making them shorter. The code snippet I used is below:
html, body, #root, #root > div, #root > div > div, #root > div, #root > div > div > footer {
height: 100%
}