JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<div class="foo"></div>
<div class="bar"></div>

SCSS

.foo {
   width: 250px;
   height: 50px;
   background-color: tomato;
}

.bar {
  position: absolute;
  top:0;
  left: 250px;
  height: 25px;
  width: 25px;
  background-color: green;
}

@media screen and (max-width: 640px) {
  .foo {width: 25vw;}
  .bar {left: 25vw;}
}