The hidden attribute removes the need to define display: none
When using the hidden attribute browsers add display: none behind the scenes. It can used when adding display: none/display: block to elements that to be hidden or shown like popups, modal, etc. Just define all CSS with :not([hidden])💡
P.S.
❤ Thank you so much, my sponsors: Ben Rinehart, Tanya Ten, Konstantinos Kapenekakis