diff --git a/css/master.css b/css/master.css
index 069ed56..854db86 100644
--- a/css/master.css
+++ b/css/master.css
@@ -253,6 +253,8 @@
   align-items: center;
   height: 100%;
   min-height: 150px;
+  background-size: cover;
+  background-repeat: no-repeat;
 }
 .taller a {
   text-decoration: none;
@@ -260,10 +262,26 @@
   text-align: center;
 }
 .taller a h2 {
-  font: 700 1.25rem/1.6499999762rem Lato;
+  font: 700 1.5rem/1.6499999762rem Lato;
 }
 .taller a p {
-  font: 400 0.875rem/1.5rem Montserrat;
+  font: 400 1.125rem/1.6875rem Montserrat;
+}
+
+.taller1 {
+  background-image: url("../../images/index-taller1.png");
+}
+
+.taller2 {
+  background-image: url("../../images/index-taller.png");
+}
+
+.taller3 {
+  background-image: url("../../images/index-taller3.png");
+}
+
+.taller4 {
+  background-image: url("../../images/thumbnail-talle1.png");
 }
 
 @media (max-width: 599px) {
diff --git a/css/master.css.map b/css/master.css.map
index 077093a..584903d 100644
--- a/css/master.css.map
+++ b/css/master.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../src/master.scss","../src/components/button.scss","../src/settings/variables.scss","../src/components/card.scss","../src/settings/mixins.scss","../src/layout/header.scss","../src/layout/footer.scss","../src/layout/index.scss","../src/layout/taller1-container.scss"],"names":[],"mappings":"AAAQ;ACAR;EACE;EACA;EACA;EACA,MCmBO;;ADlBP;EACE;;;AAGJ;EACE,kBCNW;EDOX;EACA;EACA;;;AAGF;EACE;EACA,OCdW;EDeX;;;AAGF;EACE,kBCtBW;EDuBX;EACA;EACA;;;AAEF;EACE,kBCtBa;EDuBb;EACA;EACA;;;AEhCF;EACE;EACA;EACA;EACA;EACA;EACA;;;ACWA;EDPA;IACE;IACA;;;ACWF;EDNA;IACE;IACA;IACA;IACA;;;AAIJ;EACE,MDTU;ECUV,ODvBW;;;ACyBb;EACE,OD7BW;;;ACgCb;EACE,OD3Ba;;;AC8Bf;EACE;EACA;EACA;EACA;;;AAGF;EACE,MD1BM;;;AC6BR;EACE;EACA;;AACA;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,MDlDI;;;AGrBR;EACE;EACA;EACA;EACA;EAEA;;AAEA;EACE;EACA;EACA;;AACA;EACE;EACA,MHIM;;;AGGR;EACE,OHhBY;;AGiBZ;EACE,OHpBK;;AGuBT;EACE,OHxBO;;;AG+BT;EACE,OHjCY;;AGkCZ;EACE,OHpCc;;AGuClB;EACE,OHzCO;;;AGgDT;EACE,OH1Cc;;AG2Cd;EACE,OH3CY;;AG8ChB;EACE,OHjDS;;;AGwDX;EACE,OHrDa;;AGsDb;EACE,OHxDM;;AG4DZ;EACE;EACA;;;ACxEJ;EACE,kBJKgB;EIJhB;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAKF;EACE,MJII;EIHJ;EACA,OJfS;;AIgBT;EACE,OJhBgB;;;AIqBtB;EACE,kBJxBgB;;AIyBhB;EACE,MJRI;EISJ;EACA,OJ9BS;;AI+BT;EACE,OJ/BgB;;;AImCtB;EACE,kBJ9BkB;;AI+BlB;EACE,MJnBI;EIoBJ;EACA;;AACA;EACE,OJrCS;;;AI0Cf;EACE,MJ7BM;;AI8BN;EACE;;;AF7BF;EEkCA;IACE;;;EAEF;IACE;;;AF5CF;EEiDA;IACE;IACA;;;EAEF;IACE;;;ACvEJ;EACE,MLeU;EKdV;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;;AAEF;EACE;;;AHpBJ;EG0BA;IACE;IACA;IACA;IACA;;EAEA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AHrCJ;EG2CA;IACE;;;EAEF;IACE;IACA;IACA;IACA;IACA;;EACA;IACE;IACA;IACA;;EAEF;IACE;IACA;IACA;;EAEF;IACE;IACA;IACA;;EAEF;IACE;IACA;IACA;;;AC5EN;EACE;;AACA;EACE,MNaQ;EMZR;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AJWF;EINA;IACE;IACA,kBNbc;;;EMehB;IACE,kBNnBc;;EMoBd;IACE;;;EAIJ;IACE,kBNrBgB;;EMsBhB;IACE;;;ARnBN;EACE;EACA","file":"master.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../src/master.scss","../src/components/button.scss","../src/settings/variables.scss","../src/components/card.scss","../src/settings/mixins.scss","../src/layout/header.scss","../src/layout/footer.scss","../src/layout/index.scss","../src/layout/taller1-container.scss"],"names":[],"mappings":"AAAQ;ACAR;EACE;EACA;EACA;EACA,MCmBO;;ADlBP;EACE;;;AAGJ;EACE,kBCNW;EDOX;EACA;EACA;;;AAGF;EACE;EACA,OCdW;EDeX;;;AAGF;EACE,kBCtBW;EDuBX;EACA;EACA;;;AAEF;EACE,kBCtBa;EDuBb;EACA;EACA;;;AEhCF;EACE;EACA;EACA;EACA;EACA;EACA;;;ACWA;EDPA;IACE;IACA;;;ACWF;EDNA;IACE;IACA;IACA;IACA;;;AAIJ;EACE,MDTU;ECUV,ODvBW;;;ACyBb;EACE,OD7BW;;;ACgCb;EACE,OD3Ba;;;AC8Bf;EACE;EACA;EACA;EACA;;;AAGF;EACE,MD1BM;;;AC6BR;EACE;EACA;;AACA;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,MDlDI;;;AGrBR;EACE;EACA;EACA;EACA;EAEA;;AAEA;EACE;EACA;EACA;;AACA;EACE;EACA,MHIM;;;AGGR;EACE,OHhBY;;AGiBZ;EACE,OHpBK;;AGuBT;EACE,OHxBO;;;AG+BT;EACE,OHjCY;;AGkCZ;EACE,OHpCc;;AGuClB;EACE,OHzCO;;;AGgDT;EACE,OH1Cc;;AG2Cd;EACE,OH3CY;;AG8ChB;EACE,OHjDS;;;AGwDX;EACE,OHrDa;;AGsDb;EACE,OHxDM;;AG4DZ;EACE;EACA;;;ACxEJ;EACE,kBJKgB;EIJhB;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAKF;EACE,MJII;EIHJ;EACA,OJfS;;AIgBT;EACE,OJhBgB;;;AIqBtB;EACE,kBJxBgB;;AIyBhB;EACE,MJRI;EISJ;EACA,OJ9BS;;AI+BT;EACE,OJ/BgB;;;AImCtB;EACE,kBJ9BkB;;AI+BlB;EACE,MJnBI;EIoBJ;EACA;;AACA;EACE,OJrCS;;;AI0Cf;EACE,MJ7BM;;AI8BN;EACE;;;AF7BF;EEkCA;IACE;;;EAEF;IACE;;;AF5CF;EEiDA;IACE;IACA;;;EAEF;IACE;;;ACvEJ;EACE,MLeU;EKdV;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE,MLHM;;AKKR;EACE,MLJE;;;AKSR;EACE;;;AAEF;EACE;;;AAGF;EACE;;;AAEF;EACE;;;AHtCA;EG0CA;IACE;IACA;IACA;IACA;;EAEA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AHrDJ;EG2DA;IACE;;;EAEF;IACE;IACA;IACA;IACA;IACA;;EACA;IACE;IACA;IACA;;EAEF;IACE;IACA;IACA;;EAEF;IACE;IACA;IACA;;EAEF;IACE;IACA;IACA;;;AC5FN;EACE;;AACA;EACE,MNaQ;EMZR;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AJWF;EINA;IACE;IACA,kBNbc;;;EMehB;IACE,kBNnBc;;EMoBd;IACE;;;EAIJ;IACE,kBNrBgB;;EMsBhB;IACE;;;ARnBN;EACE;EACA","file":"master.css"}
\ No newline at end of file
diff --git a/images/index-taller.png b/images/index-taller.png
new file mode 100644
index 0000000..40cdf8c
Binary files /dev/null and b/images/index-taller.png differ
diff --git a/images/index-taller1.png b/images/index-taller1.png
new file mode 100644
index 0000000..755e061
Binary files /dev/null and b/images/index-taller1.png differ
diff --git a/images/index-taller3.png b/images/index-taller3.png
new file mode 100644
index 0000000..0a31471
Binary files /dev/null and b/images/index-taller3.png differ
diff --git a/index.html b/index.html
index 1f70b47..c270a4a 100644
--- a/index.html
+++ b/index.html
@@ -25,30 +25,40 @@
         </svg>
       </a>
       <a href="">
-        <img src="./images/platzi-logo.jpeg" alt="">
+        <img src="./images/platzi-logo.jpeg" alt="" />
       </a>
     </header>
-    <main >
-      <h2 class="indextitle">En este sitio web podras probar todos los talleres del curso practico de javascritp de platzi</h2>
+    <main>
+      <h2 class="indextitle">
+        En este sitio web podras probar todos los talleres del curso practico de
+        javascritp de platzi
+      </h2>
       <div class="indexgrid">
-        <div class="taller taller1"><a href="./taller1.html">
-        <h2">Taller 1</h2>
-        <p>Calculadora de areas y perimetros</p>
-      </a>
-      </div>
-      <div class="taller taller2"><a href="./taller2.html"><h2>Taller 2</h2><p>Calculadora de descuentos</p></a>
-        
-      </div>
-      <div class="taller taller3">
-        <a href="./taller2.html"><h2>Taller 3</h2><p>Calculadora de descuentos</p></a>
-        
-      </div>
-      <div class="taller taller4">
-        <a href="./taller2.html"><h2>Taller 4</h2><p>Calculadora de descuentos</p></a>
-        
-      </div>
+        <div class="taller taller1">
+          <a href="./taller1.html">
+            <h2>Taller 1</h2>
+            <p>Calculadora de areas y perimetros</p>
+          </a>
+        </div>
+        <div class="taller taller2">
+          <a href="./taller2.html"
+            ><h2>Taller 2</h2>
+            <p>Calculadora de descuentos</p></a
+          >
+        </div>
+        <div class="taller taller3">
+          <a href="./taller2.html"
+            ><h2>Taller 3</h2>
+            <p>Calculadora de descuentos</p></a
+          >
+        </div>
+        <div class="taller taller4">
+          <a href="./taller2.html"
+            ><h2>Taller 4</h2>
+            <p>Calculadora de descuentos</p></a
+          >
+        </div>
       </div>
-      
     </main>
     This website is bouilding
     <footer class="footer index">
diff --git a/javascript/taller3/estadistica.js b/javascript/taller3/estadistica.js
index b823a4d..018a48b 100644
--- a/javascript/taller3/estadistica.js
+++ b/javascript/taller3/estadistica.js
@@ -11,9 +11,14 @@ function formulaMediaAritmetica(lista){
 } 
 
 function calcularMediaAritmetica(){
+    let resultSelect = document.getElementById("resultEstadistica");
+
     let inputSelect = document.getElementById("datos");
     let value = inputSelect.value;
-    const promedio = formulaMediaAritmetica([value]);
+    console.log(value)
+    let valueArray = Array.from(value.split(','),Number)
+    console.log(valueArray)
+    let promedio = formulaMediaAritmetica(valueArray);
 
-    console.log(promedio);
+    resultSelect.innerText = "El promedio de los datos ingresados es: " +  promedio;
 }
\ No newline at end of file
diff --git a/src/layout/index.scss b/src/layout/index.scss
index 1b1c245..5e24d0d 100644
--- a/src/layout/index.scss
+++ b/src/layout/index.scss
@@ -11,19 +11,35 @@
   align-items: center;
   height: 100%;
   min-height: 150px;
+  background-size: cover;
+  background-repeat: no-repeat;
   a {
     text-decoration: none;
     color: white;
     text-align: center;
     h2 {
-      font: $headline5;
+      font: $headline4;
     }
     p {
-      font: $body2;
+      font: $body1;
     }
   }
 }
 
+.taller1 {
+  background-image: url("../../images/index-taller1.png");
+}
+.taller2 {
+  background-image: url("../../images/index-taller.png");
+}
+
+.taller3 {
+  background-image: url("../../images/index-taller3.png");
+}
+.taller4 {
+  background-image: url("../../images/thumbnail-talle1.png");
+}
+
 @include for-phone-only {
   .indexgrid {
     height: 60%;
diff --git a/taller3.html b/taller3.html
index 73819f6..161982e 100644
--- a/taller3.html
+++ b/taller3.html
@@ -96,7 +96,7 @@ <h2>Calcula el promedio, media y moda con un click</h2>
               </div>
               <p class="card--form__subtitle">Resultado:</p>
               <div class="card--form__result">
-                <p class="text-result" id="resultDescuento"></p>
+                <p class="text-result" id="resultEstadistica"></p>
               </div>
             </form>
           </div>