how can I do so that a "hover" in css does not alter the position of the other "divs"?

Question

I want to make that when you hover the mouse the image gets bigger, but when using "hover" the other div elements also move, as could you do so that they do not move? I mean, hold your position.

Answer 1

Sam Vásquez ,
What property do you use in your
img:hover{
}
to make the image bigger?
If you use transform:scale(1.5) for exemple, it won't move other images.

Answer 2

use position:absolute for them ,as far as I know they shudn't move then

Answer 3

Well i think you should use the transform property thats much better

Answer 4

If applied on links within nav section, position: absolute upon :hover MOVES the 'active' one to almost the center of the header - just so you know. --- transition: scale(1.2) works best (at least in my project) but still moves the other links a bit --> BUT this might be down to my other settings i.e. display: flex & justify-content: space-evenly.