скрытие любого элемента в режиме мобильного просмотра и отображение в режиме среднего просмотра tailwindcss

ProgramBox

#tailwind-css

Мне нужно скрыть элемент в мобильном представлении и показать тот же элемент в среднем представлении.

Я попробовал это,

 <p classname="hidden md:visible">Hello</p>

Но, похоже, не работает

Вы должны использовать md:block вместо md:visible

 <p class="hidden md:block">Text to hide on small screens</p>

Но если вы хотите использовать visible , вы должны использовать invisible вместо hidden .

 <p class="invisible md:visible">Text to hide on small screns</p>