title: Wrap media query in class
body: <p>I was wondering if there as a reason why I couldn't wrap a media query I have for the home page with the .home{} class so that it only fires there.</p>
  
  <p>So instead of </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>@media (max-width:416px){
  .home .et_pb_code_0 {
    border-right:0 !important;
   }
  .home .et_pb_code_1 {
    border-right:0 !important;
   border-left:0 !important;
   }
   .home .et_pb_code_2 {
    border-left:0 !important;
   }
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>I would use:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.home {
  @media (max-width:416px){
   .et_pb_code_0 {
    border-right:0 !important;
   }
   .et_pb_code_1 {
    border-right:0 !important;
   border-left:0 !important;
   }
   .et_pb_code_2 {
    border-left:0 !important;
   }
  }
  
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>Thanks!</p>