From 6aba72b03297a7a455a63c47d7ef6fd7c692a821 Mon Sep 17 00:00:00 2001 From: Anggie Alava <131820456+AnggieAlava@users.noreply.github.com> Date: Tue, 27 Feb 2024 21:50:34 +0000 Subject: [PATCH] Corregido los readmes para evitar confusiones respecto al bg o border --- .learn/exercises/11.1-header-content/README.es.md | 8 +++++--- .learn/exercises/11.1-header-content/README.md | 11 +++++++---- 2 files changed, 12 insertions(+), 7 deletions(-) diff --git a/.learn/exercises/11.1-header-content/README.es.md b/.learn/exercises/11.1-header-content/README.es.md index 23d3d141..f2cfb0d8 100644 --- a/.learn/exercises/11.1-header-content/README.es.md +++ b/.learn/exercises/11.1-header-content/README.es.md @@ -10,7 +10,7 @@ En el diseño que debemos realizar, el `postcard-header` tiene un título a la i 1. Agrega un tag `

` dentro del contenido de `.postcard-header`, cuyo texto debe ser **"My Postcard"** (asegúrate de que el **h1** contenga el título deseado para el postcard). -2. Agrega un tag `` dentro del mismo `
`. La **imagen** y el **h1** deben ser hermanos (hijos inmediatos del `.postcard-header`) +2. Agrega un tag `` dentro del mismo `
`. La **imagen** y el **h1** deben ser hermanos (hijos inmediatos del `.postcard-header`) 3. Haz que la imagen tenga este URL: @@ -20,6 +20,8 @@ https://raw.githubusercontent.com/breatheco-de/exercise-postcard/e63a7916530cc85 ## Resultado Esperado: -+ Si le haces `build` a tu página, debería verse así: +- Si le haces `build` a tu página, debería verse así: - ![Header Content Preview](../../assets/header-content.png?raw=true) + ![Header Content Preview](../../assets/header-content.png?raw=true) + +* `No` olvides que el **fondo negro** y el **borde rojo** solo son guías temporales para diferenciar mejor nuestros componentes, no te concentres en ellos, serán removidos al final. diff --git a/.learn/exercises/11.1-header-content/README.md b/.learn/exercises/11.1-header-content/README.md index e18bc54b..4db445e4 100644 --- a/.learn/exercises/11.1-header-content/README.md +++ b/.learn/exercises/11.1-header-content/README.md @@ -6,7 +6,7 @@ tutorial: https://www.youtube.com/watch?v=7sFt2ztayBE Now it is time to include our content inside the `.postcard-header` div. -The `postcard-header` contains one title on the left and one image on the right. +The `postcard-header` contains one title on the left and one image on the right. What HTML `` do you think we should use to represent a title and an image? 🤔 @@ -16,13 +16,16 @@ What HTML `` do you think we should use to represent a title and an image? 2. Add a `` tag inside the same `
`, the **image** and the **h1** must be siblings (immediate children of the `.postcard-header`) -3. Make the image have this URL: +3. Make the image have this URL: ```text https://raw.githubusercontent.com/breatheco-de/exercise-postcard/e63a7916530cc850bd92aa1c2e19191837fb5c80/.learn/assets/4geeks.png ``` + ## Expected Result: -+ If you `build` your page, it should look like this: +- If you `build` your page, it should look like this: + + ![Header Content Preview](../../assets/header-content.png?raw=true) - ![Header Content Preview](../../assets/header-content.png?raw=true) +- `DON'T` forget that the **black background** and **red border** are only temporary guides to better differentiate our components, don't focus on them, they will be removed at the end.