JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <h1>REDIMENSIONE O TAMANHO DA TELA</h1>
  <ul>
    <li>Menu 1</li>
    <li>Menu 2</li>
    <li>Menu 3</li>
  </ul>
  <button>AÇÃO</button>
</div>

CSS

div{
  width:80%;
  margin:0 auto;
}
h1{
  color:blue;
}
@media screen and (min-width: 720px) {
    h1 {
        color: red;
        font-size:56px;
    }
    
   
}
@media screen and (max-width: 480px) {
  ul {
    display:none;
    }
   button{
      display:none;
    }
}