JSFiddle - React, Tailwind, and code Playground

by Dominik Wilk

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <div></div>
</body>
</html>

SCSS

div {
  padding: 50px;
  background: red;
  color: #fff;
  text-align: center;

  &:after {
    content: 'wtświetlam się od 0 do 399px';
  }
  
  @media screen and (min-width: 400px) {
    background: blue;
    
    &:after {
    content: 'wtświetlam się od 400px wzwyż. Szanuję praktykę mobile first';
  }
  }
}