Problem Statement
What is the difference between display: none and visibility: hidden?
Explanation
display: none completely removes the element from the layout flow, while visibility: hidden makes the element invisible but keeps its occupied space intact.
Code Solution
SolutionRead Only
/* Hidden but space reserved */
.box { visibility: hidden; }