https://www.dendron.so/ logo
Join Discord
Powered by
Any css media query gurus? Not Dendron-specific, f...
# questions
a
Any css media query gurus? Not Dendron-specific, for some reason a part of my site doesn't recognise screen sizes and just defaults to 
mobile
(640px). Thing is, I don't even know where to start looking for why it doesn't do it, it's not like there's an error to trace.
Using TailwindCSS/DaisyUI - I've been using this snippet forever to test screen size stuff and it's worked fine until recently:
Copy code
<div class="m-auto items-center "> 
    <span class="tooltip tooltip-bottom badge bg-primary text-xs" data-tip="mobile">PH</span>
    <span class="tooltip tooltip-bottom badge sm:bg-primary text-xs" data-tip="640px">SM</span> 
    <span class="tooltip tooltip-bottom badge md:bg-primary text-xs" data-tip="768px">MD</span> 
    <span class="tooltip tooltip-bottom badge lg:bg-primary text-xs" data-tip="1024px">LG</span> 
    <span class="tooltip tooltip-bottom badge xl:bg-primary text-xs" data-tip="1280px">XL</span> 
    <span class="tooltip tooltip-bottom badge 2xl:bg-primary text-xs" data-tip="1536px">2XL</span> 
</div>
Basically just paste it into a page and resize the window and it will highlight what screen size is being reported in media queries.
PreviousNext
Powered by