JSFiddle - React, Tailwind, and code Playground

by kickerock

HTML

<div class="random-el">
  <div class="random-el__text">hey</div>
  <div class="random-el__button"><button>Click'O'Click</button></div>
</div>

SCSS

.random-el {
  border: 1px solid red;

  &__text {
    color: green;
  }

  &__button {
    background: red;
  }
}

@media screen and (max-width: 500px) {
  .random-el {
    border: 1px solid green;

    &__text {
      color: blue;
    }

    &__button {
      background: yellow;
    }
  }
}