Wrap media query in class : <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>
