Translated remaining English text into Spanish (#23132)

curriculum/challenges/spanish/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.spanish.md

@@ -3,40 +3,40 @@ id: 587d78ab367417b2b2512af1
 title: Add Flex Superpowers to the Tweet Embed
 challengeType: 0
 videoUrl: ''
-localeTitle: Añadir los superpoderes de Flex al visualizador de Tweet
+localeTitle: Añadir los superpoderes de Flex al visualizador del Tweet
 ---
 
-## Description
+## Descripción
 <section id="description"> A la derecha se encuentra un listado de tweets insertados que se utilizará como ejemplo práctico. Algunos de los elementos se verían mejor con un diseño diferente. En el último desafío se utilizó la propiedad <code>display: flex</code> . Aquí lo añadirá a algunas partes en el listado de tweets para comenzar a ajustar su posicionamiento. </section>
 
-## Instructions
+## Instrucciones
 <section id="instructions"> Agregue la propiedad css <code>display: flex</code> a los siguientes elementos. Tenga en cuenta que los selectores css ya están configurados: <code>header</code>, <code>.profile-name</code> y <code>.follow-btn</code> del encabezado, <code>.follow-btn</code> del encabezado, el <code>h3</code> y el <code>h4</code> del encabezado, el <code>footer</code> , y los <code>.stats</code> en la parte inferior de <code>.stats</code> . </section>
 
-## Tests
+## Pruebas
 <section id='tests'>
 
 ```yml
 tests:
-  - text: Su <code>header</code> debe tener una propiedad de <code>display</code> configurada para flexionar.
-    testString: 'assert($("header").css("display") == "flex", "Your <code>header</code> should have a <code>display</code> property set to flex.");'
-  - text: Su <code>footer</code> debe tener una propiedad de <code>display</code> configurada para flexionar.
-    testString: 'assert($("footer").css("display") == "flex", "Your <code>footer</code> should have a <code>display</code> property set to flex.");'
-  - text: Tu <code>h3</code> debería tener una propiedad de <code>display</code> configurada para flexionar.
-    testString: 'assert($("h3").css("display") == "flex", "Your <code>h3</code> should have a <code>display</code> property set to flex.");'
-  - text: Tu <code>h4</code> debería tener una propiedad de <code>display</code> configurada para flexionar.
-    testString: 'assert($("h4").css("display") == "flex", "Your <code>h4</code> should have a <code>display</code> property set to flex.");'
-  - text: Su <code>.profile-name</code> debe tener una propiedad de <code>display</code> configurada para flexionar.
-    testString: 'assert($(".profile-name").css("display") == "flex", "Your <code>.profile-name</code> should have a <code>display</code> property set to flex.");'
-  - text: Su <code>.follow-btn</code> debe tener una propiedad de <code>display</code> configurada para flexionar.
-    testString: 'assert($(".follow-btn").css("display") == "flex", "Your <code>.follow-btn</code> should have a <code>display</code> property set to flex.");'
-  - text: Sus <code>.stats</code> deben tener una propiedad de <code>display</code> configurada para flexionar.
-    testString: 'assert($(".stats").css("display") == "flex", "Your <code>.stats</code> should have a <code>display</code> property set to flex.");'
+  - text: Tu <code>header</code> debe tener la propiedad <code>display</code> configurada para flexionar.
+    testString: 'assert($("header").css("display") == "flex", "Tu <code>header</code> debería tener la propiedad <code>display</code> establecida como flex.");'
+  - text: Tu <code>footer</code> debe tener la propiedad <code>display</code> configurada para flexionar.
+    testString: 'assert($("footer").css("display") == "flex", "Tu <code>footer</code> debería tener la propiedad <code>display</code> establecidad como flex.");'
+  - text: Tu <code>h3</code> debe tener la propiedad <code>display</code> configurada para flexionar.
+    testString: 'assert($("h3").css("display") == "flex", "Tu <code>h3</code> debería tener la propiedad <code>display</code> establecida como flex.");'
+  - text: Tu <code>h4</code> debe tener la propiedad <code>display</code> configurada para flexionar.
+    testString: 'assert($("h4").css("display") == "flex", "Tu <code>h4</code> debería tener la propiedad <code>display</code> establecida como flex.");'
+  - text: Tu <code>.profile-name</code> debe tener la propiedad <code>display</code> configurada para flexionar.
+    testString: 'assert($(".profile-name").css("display") == "flex", "Tu <code>.profile-name</code> debería tener la propiedad <code>display</code> establecida como flex.");'
+  - text: Tu <code>.follow-btn</code> debe tener la propiedad <code>display</code> configurada para flexionar.
+    testString: 'assert($(".follow-btn").css("display") == "flex", "Tu <code>.follow-btn</code> debería tener la propiedad <code>display</code> establecida como flex.");'
+  - text: Tus <code>.stats</code> deben tener la propiedad <code>display</code> configurada para flexionar.
+    testString: 'assert($(".stats").css("display") == "flex", "Tus <code>.stats</code> deberían tener la propiedad <code>display</code> establecida como flex.");'
 
 ```
 
 </section>
 
-## Challenge Seed
+## Semilla del Desafío
 <section id='challengeSeed'>
 
 <div id='html-seed'>
@@ -108,11 +108,11 @@ tests:
     <h4>@ossia</h4>
   </div>
   <div class="follow-btn">
-    <button>Follow</button>
+    <button>Seguir</button>
   </div>
 </header>
 <div id="inner">
-  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <p>Conozco muchas personas que está en búsqueda del truco que los ayudará a trabajar inteligentemente. Incluso si trabajas inteligentemente, aún tienes que trabajar duro.</p>
   <span class="date">1:32 PM - 12 Jan 2018</span>
   <hr>
 </div>
@@ -122,13 +122,13 @@ tests:
       <strong>107</strong> Retweets
     </div>
     <div class="likes">
-      <strong>431</strong> Likes
+      <strong>431</strong> Me gusta
     </div>
   </div>
   <div class="cta">
-    <button class="share-btn">Share</button>
+    <button class="share-btn">Compartir</button>
     <button class="retweet-btn">Retweet</button>
-    <button class="like-btn">Like</button>
+    <button class="like-btn">Me gusta</button>
   </div>
 </footer>
 
@@ -140,10 +140,10 @@ tests:
 
 </section>
 
-## Solution
+## Solución
 <section id='solution'>
 
 ```js
-// solution required
+// solución requerida
 ```
 </section>