How can I apply a media query to height and width using Tailwind?

Question

I want to do something like this with Tailwind,

@/media screen and (max-width: 995px) , screen and (max-height: 700px) { ... }

Is it possible?

Answer 1

Solved with:

screens: {
    'custombp': {'raw': '(max-height: 1234px),(min-width:920px)'}
}

_{Added on behalf of question asker.}

Answer 2

These days you can do

<div class="[@media(max-height:425px)]:hidden">

if you just need a one-off solution.