JSFiddle - React, Tailwind, and code Playground

HTML

<div class='mostrar-tela-grande'></div>
<div class='mostrar-tela-pequena'></div>

CSS

div {
    background: #333;
    height: 300px;
    width: 300px
}

div:last-child {
    background: red;
    width: 100px;
    height: 100px
}

.mostrar-tela-grande { display: block }
.mostrar-tela-pequena{ display: none  }

@media screen and (max-width: 480px) {
    .mostrar-tela-grande { display: none  }
    .mostrar-tela-pequena{ display: block }
}