Skip to content

Commit cbd17c6

Browse files
Merge pull request 4GeeksAcademy#39 from ElviraQDP/ex3
Ex3
2 parents d41279f + 8bac8cc commit cbd17c6

File tree

8 files changed

+10
-19
lines changed

8 files changed

+10
-19
lines changed

exercises/03-Inline-Styles/README.es.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,4 +25,4 @@ Puedes agregar tantas reglas CSS como desees, dentro de la misma línea, separad
2525

2626
### 💡Pista:
2727

28-
- Como usar el background-size: http://lmgtfy.com/?q=css+inline+style
28+
- Como usar el background-color: http://lmgtfy.com/?q=css+inline+style

exercises/03-Inline-Styles/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,4 +25,4 @@ Will set the color of that specific link to red and the font-size to 14px
2525

2626
### 💡 Hint:
2727

28-
- How to use the background-size: http://lmgtfy.com/?q=css+inline+style
28+
- How to use the background-color: http://lmgtfy.com/?q=css+inline+style

exercises/04.1-Combined-Rules/README.es.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ border: black 1px solid;
1919
# 📝 Instrucciones:
2020

2121

22-
1. Combina las 4 reglas de padding una sola utilizando la regla `padding`.
22+
1. Combina las 4 reglas de padding en una sola utilizando la regla `padding`.
2323

2424
2. Combina todas las reglas de background, menos el `background-size`, en una sola línea usando la regla `background:`.
2525

exercises/05-Specificity/README.es.md

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,4 @@ Se trata del nivel de especificidad. Si especificas que tu `div` con `id="thirdi
1313

1414
## 💡 Pista:
1515

16-
+ Anula el color de fondo (background-color) de #thirditem sin eliminar ningún código CSS, simplemente agrega al CSS una regla más específica al final del documento para anular el color de fondo actual y que cambie a verde.
17-
18-
+ Puedes usar la anotación **!important** :
19-
https://css-tricks.com/when-using-important-is-the-right-choice/
16+
+ Puedes usar la anotación **!important** : https://css-tricks.com/when-using-important-is-the-right-choice/

exercises/06-Practicing-Rules/README.es.md

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,7 @@
22

33
## 📝 Instrucciones:
44

5-
1. Establece esta URL como la imagen de fondo de la página y repítela solo verticalmente:
6-
[06- backgrund vertical](../../.learn/assets/background-vertical.jpg?raw=true)
5+
1. Establece esta URL como la imagen de fondo de la página y repítela solo verticalmente: `../../.learn/assets/background-vertical.jpg?raw=true`
76

87
2. Cambia el tipo de fuente (`font-type`) del `h1` a `Courier` y el resto del sitio web a `Times New Roman`.
98

exercises/06-Practicing-Rules/README.md

Lines changed: 3 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -6,27 +6,22 @@ tutorial: "https://www.youtube.com/watch?v=4wguurrl-lU"
66

77
## 📝 Instructions:
88

9+
1. Set this URL as the background image of the page, and repeat it vertically only: `../../.learn/assets/background-vertical.jpg?raw=true`
910

10-
1. Set this URL as the background image of the page, and repeat it vertically only:
11-
[06-background vertical](../../.learn/assets/background-vertical.jpg?raw=true)
12-
13-
2. Change the font-type of the `h1` to `Courier`
14-
and the rest of the website to `Times new Roman`.
11+
2. Change the font-type of the `h1` to `Courier` and the rest of the website to `Times new Roman`.
1512

1613
3. Change the color of `h1` to `red`.
1714

1815
4. Make all the `h2's` with an `underline`.
1916

2017
5. Center the `h1` to the middle.
2118

22-
6. Add a `left padding` to the whole document
23-
of `20px` to make it easier to read.
19+
6. Add a `left padding` to the whole document of `20px` to make it easier to read.
2420

2521
7. Add a white `semi-transparent background (0.2)` to the `first paragraph` to make it easier to read (you have tu use rgba for that) and write down "3 reasons you know you are learning". Then apply a `padding` of `5px` to all sides of that paragraph.
2622

2723
8. Change the `anchor` "hover" color to `green` and remove the underline (you have to actually hover the anchor to test it).
2824

29-
3025
## The result should be something like this:
3126

3227
![Example Image](../../.learn/assets/06-1.png?raw=true)

exercises/07-Very-Specific-Rules/README.es.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ En este ejercicio, puedes agregar tu código solo arriba del **READ ONLY BLOCK**
88

99
1. Establece el color de texto `ul` a rojo (`red`) (anula los conflictos siendo más específico).
1010

11-
2. Establece el color de fondo (`backgrounf-color`) del segundo `li` del `ol` a verde (`green`) (no uses el selector #id).
11+
2. Establece el color de fondo (`background-color`) del segundo `li` del `ol` a verde (`green`) (no uses el selector #id).
1212

1313
3. Haz que las filas impares de las tablas tengan fondo amarillo usando `tr:nth-child`.
1414

exercises/13-Anchor-Like-Button/README.es.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ Siga estos pasos para que tu enlace (`anchor`) se vea así:
1010

1111
2. Bordes redondeados: establece el `border-radius` en `4px`.
1212

13-
3. Encuentra y aplica el color: usa el selector de `color`(color picker) para encontrar el color exacto y aplicaselo al `background`.
13+
3. Encuentra y aplica el color: usa el selector de `color` (color picker) para encontrar el color exacto y aplicárselo al `background`.
1414

1515
4. Eliminar subrayado: establece `text-decoration` a `none`.
1616

0 commit comments

Comments
 (0)