JSFiddle - React, Tailwind, and code Playground

HTML

<div id="paddingDiv"></div>

CSS

#paddingDiv{
  height: 200px;
  width: 400px;
  padding: 14px 150px;
  background-color: red;
}

@media screen and (max-width: 700px){
     #paddingDiv{
       padding-left: 14px;
       padding-right: 14px;
     }
}