title: Removing padding and margins in template for mobile view but not for desktop view in CSS
body: <p>I have downloaded a template for designing a website, which contains all HTML files and CSS. I want to add some custom padding and margins according to my needs for the desktop view. But I don't want those in mobile view because that is not getting responsive. The CSS file that came with the template already have @media screen defined. I tried adding</p>
  
  <pre><code>@media only screen and (max-width: 768px) {
      .row{
          margin:0;
          padding:0;
          }
  }
  </code></pre>
  
  <p>but this does not work in css nor in the HTML file itself. How can I remove my forced padding and margins when opened in mobile view for ready made templates?</p>