How can I make it so that when the height of one block changes, the height of the other block also changes with it?

Question

css

How can I make it so that when the height of one block changes, the height of the other block also changes with it?

Answer 1

the only way to do this without flexbox and without js is to use pseudo-tables
https://codepen.io/topicstarter/pen/bvbNXQ

Answer 2

tereshock98 , do you use preprocessors?
Try like this

.statics {
    width: 400px;
    padding: 25px;
    background-color: #89c39b;
    font-size: 400px;
}

.statics-circle {
    border-radius: 50%;
    width: 1em;
    height: 1em;
    background-color: #8c5d79;
}

But this is nonsense, because. you will have to change 2 values ​​each time (and if there is a need to change the font size) and if someone then rummages through your code a little bit ah..murmur.