JSFiddle - React, Tailwind, and code Playground

by th4d

HTML

<div id="div-responsiva">Responsiva</div>
<div id="div-fixa">Fixa</div>

CSS

#div-fixa{
  width:200px;
  background-color:#333;
  float:right;
  color:#fff;
}

#div-responsiva{ width: 70%; background-color:#ff3300; float:left; }
/* diminui a largura da div de acordo com a largura máxima da div container, 
   que por sua vez, diminuirá quando redimensionar a janela do navegador */
@media screen and (max-width: 700px) { 
    #div-responsiva { width:55% }
}