JSFiddle - React, Tailwind, and code Playground

by sandro_paganotti

HTML

<!doctype html>
<html>
    <head>
        <title>Media queries</title>
    </head>
    <body>
        <div>Questo è un.. </div>
    </body>
</html>

CSS

@media screen and (max-width: 480px){
    div:after{
        content: 'iphone orizzontale'
    }
}

@media screen and (max-width: 480px) and (orientation: portrait){
    div:after{
        content: 'iphone verticale'
    }
}