Problem Statement
Explain the difference between visibility: hidden and display: none.
Explanation
display: none completely removes the element from the layout, as if it doesn’t exist, while visibility: hidden hides the element but keeps its original space reserved. This is useful for animations, toggles, and accessibility control in UI design.
Code Solution
SolutionRead Only
.box { visibility:hidden; }