JSFiddle - React, Tailwind, and code Playground

HTML

<div>Simple div</div>

CSS

div { border: 2px solid gray }
div:after { content: ": this is not an iPad" }
@media media
and (min-device-width: 768px) 
and (max-device-width: 1009px) {
    
    div { border-color: green }
    div:after { content: ": this should be visible only with iPad" }
}