use class="hidden" not style="display:none"

1 files changed, 3 insertions, 3 deletions

diff --git a/files/es/web/css/gradient/index.html b/files/es/web/css/gradient/index.html
index ca6d95e622..62b2364d7b 100644
--- a/files/es/web/css/gradient/index.html
+++ b/files/es/web/css/gradient/index.html
@@ -29,7 +29,7 @@ original_slug: Web/CSS/Gradiente
 <ul>
  <li id="linear-gradient"><em><strong>Linear gradients</strong>(gradiente lineal)</em>, generados por la función {{cssxref("linear-gradient", "linear-gradient()")}}, donde el color se desvanece suavemente a lo largo de una línea imaginaria.
 
-  <pre class="brush: html" style="display: none;">A rainbow made from a gradient
+  <pre class="brush: html" class="hidden">A rainbow made from a gradient
 </pre>
 
   <pre class="brush: css">body {
@@ -43,7 +43,7 @@ background: linear-gradient(to right,red,orange,yellow, green, blue,indigo,viole
   <p>{{ EmbedLiveSample('linear-gradient', 600, 20) }}</p>
  </li>
  <li id="radial-gradient"><em><strong>Radial gradient </strong>(gradientes radiales)</em>, generados por la función {{cssxref("radial-gradient", "radial-gradient()")}}. Cuanto más lejos de un origen sea un punto, más lejos del color original será.
-  <pre class="brush: html" style="display: none;">Radial gradient
+  <pre class="brush: html" class="hidden">Radial gradient
   </pre>
 
   <pre class="brush: css">body {
@@ -55,7 +55,7 @@ background: radial-gradient(red, yellow, rgb(30, 144, 255));
   <p>{{ EmbedLiveSample('radial-gradient', 600, 20) }}</p>
  </li>
  <li id="repeating-gradient"><em><strong>Repeating gradient </strong>(gradientes de repetición), </em>donde se repiten gradientes lineales o radiales tanto como sea necesario para llenar toda la caja.
-  <pre class="brush: html" style="display: none;">Repeating gradient
+  <pre class="brush: html" class="hidden">Repeating gradient
 </pre>
 
   <pre class="brush: css">body {