JSFiddle - React, Tailwind, and code Playground

by 3gwebtrain

HTML

<div class="wrapper">
  <h2>Title</h2>
  <p>Paragrap</p>
  <div>
    <ul>
      <li>01</li>
      <li>02</li>
      <li>03</li>
    </ul>
  </div>
</div>

CSS

h2{
  font-size:24px;
}

p{
  font-size:18px
}

li{
  font-size: 16px;
}

@media only screen and (max-width:767){
  
  .wrapper * {
    font-size: 80%;
    border:1px solid red;
  }
  
}