Custom layout card - mediaquery question

Hi all,

I’m nicely making progress on making a specific layout per iphone / ipad and desktop.
I now have specified for example for the iPhone:

layout:
  mediaquery:
    "(max-device-width: 812px)":

However in the mean time I have found the following site that holds more information:
Media Queries for Standard Devices | CSS-Tricks - CSS-Tricks
The site has more conditions for the iPhone like:
(min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait)
How would I go about adding these conditions to the mediaquery statement?

1 Like

@thomasloven , do you perhaps know how to?

Did you work this out?

I’m looking to hide an element only on an iPad in landscape.