From daa80a45b41e91e2621c41f36f18a01861598332 Mon Sep 17 00:00:00 2001
From: MDN <actions@users.noreply.github.com>
Date: Fri, 12 Nov 2021 00:51:11 +0000
Subject: [CRON] sync translated content

---
 files/es/mdn/contribute/markdown_in_mdn/index.html | 48 ++++++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 files/es/mdn/contribute/markdown_in_mdn/index.html

(limited to 'files/es/mdn/contribute/markdown_in_mdn/index.html')

diff --git a/files/es/mdn/contribute/markdown_in_mdn/index.html b/files/es/mdn/contribute/markdown_in_mdn/index.html
new file mode 100644
index 0000000000..2e828a2be8
--- /dev/null
+++ b/files/es/mdn/contribute/markdown_in_mdn/index.html
@@ -0,0 +1,48 @@
+---
+title: Bloques de contenido
+slug: MDN/Contribute/Markdown_in_MDN
+tags:
+  - MDN
+  - Meta
+translation_of: MDN/Guidelines/CSS_style_guide
+translation_of_original: MDN/Structures/Content_blocks
+original_slug: MDN/Guidelines/CSS_style_guide
+---
+<div>{{MDNSidebar}}</div><div class="summary">
+ <p>This pages lists reusable content blocks.</p>
+</div>
+<h2 id="Grilla_de_tarjetas">Grilla de tarjetas</h2>
+<p>Permite tener un par de tarjetas cercanas entre sí para llamar a contenidos específicos o para llamar a una acción. La clase CSS es: <code>.card-grid </code>(L 751 - 824 in CustomCSS).</p>
+<ul class="card-grid">
+ <li><span>Refetencia CSS</span>
+  <p>Una <a href="/en-US/docs/Web/CSS/Reference" title="en-US/docs/CSS/CSS_Reference">referencia exhaustiva</a> para <u>desarrolladores Web expertos</u> describiendo cada propiedad y concepto de CSS.</p>
+ </li>
+ <li><span>Tutorial CSS</span>
+  <p>Una <a href="/en-US/docs/CSS/Getting_Started" title="en-US/docs/CSS/Getting_Started">introduccion paso a paso</a> para ayudar a los <u>principiantes</u>. Presenta todos los fundamentos necesarios.</p>
+ </li>
+ <li><span>CSS3 Demos</span>
+  <p>A <a href="/en-US/demos/tag/tech:css3" title="https://developer.mozilla.org/en-US/demos/tag/tech:css3">collection of demos</a> showing the <u>latest CSS technologies</u> in action: a boost for the creativity.</p>
+ </li>
+</ul>
+<h2 id="Dos_columnas">Dos columnas</h2>
+<p>Dos columnas separadas con un borde gris. Normalmente usadas en páginas de destino. Clase de CSS: <code>.topicpage-table</code> (L 830 - 837 &amp; 82-93 in CustomCSS).</p>
+<div class="row topicpage-table">
+ <div class="section">
+  Columna 1</div>
+ <div class="section">
+  Columna 2</div>
+</div>
+<p> </p>
+<h2 id="Columnas_con_la_misma_altura">Columnas con la misma altura</h2>
+<p>Se usa en la página de destino de <a href="/en-US/Firefox_OS">Firefox OS</a> para envolver las columnas que deberían tener el mismo alto. Clase de CSS: <code>.equalColumnHeights</code> (L 25 - 38 in CustomCSS).</p>
+<div class="equalColumnHeights">
+ <div class="zone-callout">
+  Un Texo<br>
+  y nueva linea<br>
+   </div>
+ <div class="zone-callout">
+  Otro texto<br>
+  <br>
+  aquí</div>
+</div>
+<p> </p>
-- 
cgit v1.2.3-54-g00ecf