From 3d8c5c3a0b6f4ff7695840109e4dfb061e884fa0 Mon Sep 17 00:00:00 2001
From: Bruno Dalessandro <dalessandro.bruno1995@gmail.com>
Date: Sat, 23 May 2026 12:28:19 -0300
Subject: [PATCH] Ejercicio 8

---
 ejercicios-clase-8.js | 31 +++++++++++++++++++++++++++++++
 estilo.css            | 11 +++++++++++
 2 files changed, 42 insertions(+)

diff --git a/ejercicios-clase-8.js b/ejercicios-clase-8.js
index d6d0108..94cf262 100644
--- a/ejercicios-clase-8.js
+++ b/ejercicios-clase-8.js
@@ -173,3 +173,34 @@ lista `<ul>`, con un `<li>` por cada elemento del array. Agregar esta lista a la
    // </div>
    ```
 */
+
+let comidasMendocinas = ["Sopaipilla", "Vino tinto", "Chivo"];
+
+function construirLista (comidas) {
+
+    let div = document.createElement("div");
+    div.classList.add("grupos-comidas");
+
+    let titulo8 = document.createElement("h2");
+    titulo8.textContent = "Comidas Mendocinas";
+
+    let lista8 = document.createElement("ul");
+    lista8.classList.add("lista-comidas");
+
+
+    for (let comida of comidas) {
+
+        let item = document.createElement("li")
+        
+        item.textContent = comida;
+        lista8.appendChild(item);
+        
+    }
+
+    div.appendChild(titulo8);
+
+    div.appendChild(lista8);
+
+    document.body.appendChild(div);
+
+}
\ No newline at end of file
diff --git a/estilo.css b/estilo.css
index f8bd053..0e993e7 100644
--- a/estilo.css
+++ b/estilo.css
@@ -181,4 +181,15 @@ h1 {
 
 .item-lista {
     color: red;
+}
+
+h2 {
+    font-size: 2rem;
+    color: #357abd;
+    margin-bottom: 20px;
+    text-align: left;
+    letter-spacing: 1px;
+    text-shadow: 2px 2px 6px rgba(0,0,0,0.15);
+    border-bottom: 3px solid #4a90e2;
+    padding-bottom: 10px;
 }
\ No newline at end of file