JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<div>
  640px
</div>

SCSS

* {
  margin: 0;
  padding: 0;
}

html {
  font-size: 100%;
}

div {
  width: 40rem;
  background-color: blue;
  color: white;
  text-align: center;
  box-shadow: inset 0 0 0 2px green;
}

// 640px base 16
@media (min-width: 40rem) {
  div {
    background-color: purple;
  }
}