Issue
In tailwind css, we can say lg:hidden
to hide element from the lg size screen.
In the below example, we do not specify the screen size so 01
is entirely hidden from any screen.
<div class="flex ...">
<div class="hidden ...">01</div>
<div>02</div>
<div>03</div>
</div>
I want to achieve only show element from lg
size but hide mobile size. However, tailwind css breakpoints are based on min width
so if we specify sm:hidden
, for example, min width from 768px are all hidden.
Is there any way I can just show element from specific screen size but hide below that screen size in Tailwind CSS?
Solution
Is this what you want?
<div class="flex ...">
<div class="hidden lg:block...">01</div>
<div>02</div>
<div>03</div>
</div>
Answered By - amlxv
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.