Responsive grid hidden back to visible

[enzotrompeneers]

I wanted to hide an element and remove the spacing:
class="sm:hidden"
-> .hidden {display: none;}
To show an element back I tried:
class="md:visible"
-> .visible {visible: visible;}
But I needed:
-> display: flex;

I wanted to show the element so I thought about the class visible but needed:
class="md:flex"
-> .flex {display: flex;}

I would put in the documentation next to hidden that you can make it visible back with the flex class.

[missmatsuko]

Sounds like some confusion that could be fixed if #575 was implemented 😄

[adamwathan]

hidden sets display: none while visible sets visibility: visible. To change an element from hidden back to being normally rendered, you need to use another one of the display utilities.

It doesn't have to be flex, it can be any of them (block, inline-block, inline, flex, inline-flex, table, etc.)