JSFiddle - React, Tailwind, and code Playground

HTML

<footer>
<div class="endereco">
<h1>Nosso endereço:</h1>
<br>
<br>    
<h1>Rua blalal, 132 - Irajá</h1>
<h2>Rio de Janeiro Cidade - RJ.</h2>
<h2>Cep: 21300-630</h2>
</div>
<div class="telefone">
<h1>Consulte-nos:</h1>
<br>    
<br>    
<h2>Telefone: (21)9999-9999</h2>
<h2>Horário de Atendimento</h2>
<h2>de Seg a Sexta: 08:00 as 17:00</h2>
</div>
<div class="redes-sociais">
<td><h1>Fale conosco nas Redes Sociais</h1></td>    
<br>
<br>    
<a href="#"><img src="imagens/facebook.png"></a>
<a href="#"><img src="imagens/twitter.png"></a>
<a href="#"><img src="imagens/youtube.png"></a>
<a href="#"><img src="imagens/google.png"></a>
<br>
<br>    
<h1>Email:</h1>
<h2>[email protected]</h2>
</div>
</footer>

CSS

.endereco, .telefone, .redes-sociais  {
  float:left;
  width: 33.33%;
}

@media only screen and (max-width: 480px) {
  .endereco, .telefone, .redes-sociais  {
     float: none;
     width: 100%;
   }
}