hidden any element in mobile view and show in medium view tailwindcss

I need to hide a element in the mobile view and show to the same element in medium view.

I tried this,

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

But doesn’t seem to work

>Solution :

You should use md:block instead md:visible

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

But if you want to use visible you should use invisible instead of hidden.

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

You can check the difference here: https://www.thoughtco.com/display-none-vs-visibility-hidden-3466884