14 replies

Stacking stuff

front-end

I want to stack a title with under it a complex element that reacts to the mouse movement - so, not something that can be put in a css background.
I would like the element containing these two to fit the tallest of them.
How can I do ?
Currently I have this style, which breaks the second rule (the size of the elements is lost) :

.container > * {
    margin: 0 auto;
    left: 0;
    right: 0;
    position: absolute;
}

.container > * {
    margin: 0 auto;
    left: 0;
    right: 0;
    position: absolute;
}

It forces me to set a hardcoded min-height on the container and height:100% on the title. I would prefer a container min-height of fit-content and set the hardcoded min-height on the other element.

KP-C

Kevin Powell - Community•3mo ago•

14 replies

Gouvernathor

Stacking stuff

front-end

.container > * {
    margin: 0 auto;
    left: 0;
    right: 0;
    position: absolute;
}

.container > * {
    margin: 0 auto;
    left: 0;
    right: 0;
    position: absolute;
}

It forces me to set a hardcoded min-height on the container and height:100% on the title. I would prefer a container min-height of fit-content and set the hardcoded min-height on the other element.

Stacking stuff

Similar Threads

Stacking stuff

Similar Threads

Similar Threads

Similar Threads