Display Vs Visibility
The "display" property controls how an element is displayed on the page, such as whether it is a block element or an inline element. It can also be used to hide an element by setting its display to "none".
The "visibility" property, on the other hand, controls whether an element is visible or not. Setting visibility to "hidden" will make the element invisible, but it will still take up space on the page, whereas setting display to "none" will make the element completely disappear from the page and not take up any space.
@R.W.Acrown