Skip to content

Commit 7378bd2

Browse files
Merge pull request 4GeeksAcademy#49 from Lorenagubaira/css.ex
spelling errors have been corrected
2 parents ce353cf + 60151c9 commit 7378bd2

File tree

11 files changed

+15
-13
lines changed

11 files changed

+15
-13
lines changed

exercises/00-Welcome/README.es.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ intro: "https://www.youtube.com/watch?v=BDKdUPDez-U"
55
# ¡¡Bienvenido a los ejercicios de CSS!!
66

77
Mi nombre es Alejandro Sanchez [@alesanchezr](https://twitter.com/alesanchezr) ¡Estoy muy contento de que estén aquí! 🎉 😂
8+
89
Aprender a programar es dificil ¡Probablemente necesitarás coaching! Envíame un DM vía Twitter si tienes alguna duda.
910

1011
Durante este curso aprenderás los siguientes conceptos:

exercises/00-Welcome/README.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ intro: "https://www.youtube.com/watch?v=BDKdUPDez-U"
55
# Welcome to CSS Exercises!!
66

77
My name is Alejandro Sanchez [@alesanchezr](https://twitter.com/alesanchezr). I'm really excited to have you here !! 🎉 😂
8+
89
Learning to code is hard, you will problably need coaching! DM me on twitter if you have any question.
910

1011
During this course you will be learning the following concepts:

exercises/02-Separate-Stylesheet/README.es.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,11 @@
22

33
Si usas la etiqueta html `<link>`, puedes tener tus estilos en un archivo separado que normalmente se llama `styles.css`.
44

5-
Esa es una mejor práctica porque te permite tener un sitio web a sin diseño, puedes cambiar el CSS después y hacer que tu sitio web se vea 100% diferente, pero teniendo exactamente el mismo HTML.
5+
Esa es una mejor práctica porque te permite tener un sitio web sin diseño, puedes cambiar el CSS después y hacer que tu sitio web se vea 100% diferente, pero teniendo exactamente el mismo HTML.
66

77
## 📝 Instrucciones:
88

9-
LLena el `styles.css` con el contenido necesario para que el body del sitio web azul (blue).
9+
LLena el `styles.css` con el contenido necesario para que el body del sitio web sea azul (blue).
1010

1111
## 💡 Pista:
1212

exercises/02.1-Background/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ tutorial: "https://www.youtube.com/watch?v=MJI0-sFmTe8"
66

77
The `background` CSS rule allows us to assign and work with the background of any container. The background values can be a `color` or an `image`.
88

9-
If it is an image, you can specify if you want the image to be repeated horizontally, vertically, or both, or not at all, and you can also specify if you want it to resize and fit the whole container where its being applied, among other properties that can be modified.
9+
If it is an image, you can specify if you want the image to be repeated horizontally, vertically, or both, or not at all, and you can also specify if you want it to resize and fit the whole container where it is being applied, among other properties that can be modified.
1010

1111
## 📝 Instructions:
1212

exercises/03-Inline-Styles/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ tutorial: "https://www.youtube.com/watch?v=jIMPLzpryuI"
44

55
# `03` Inline Styles
66

7-
Inline styles are a very bad idea unless you have no other choice (and that's a very uncommon situation). Sadly, we have to teach you how to do it because you may need to use them at some point.
7+
`Inline` styles are a very bad idea unless you have no other choice (and that's a very uncommon situation). Sadly, we have to teach you how to do it because you may need to use them at some point.
88

99
To use inline styles, instead of declaring a <style> tag in the header of the document, you have to set the "style" attribute of any element with the CSS code you need to apply to that specific element.
1010

exercises/04.1-Combined-Rules/README.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -24,9 +24,9 @@ border: black 1px solid;
2424

2525
1. Combine the 4 padding rules into just one using the `padding` rule.
2626

27-
2. Combine the all background rules, but the background size, into just one line using the "background:" rule.
27+
2. Combine the all background rules, but the `background-size`, into just one line using the `background:` rule.
2828

29-
*The background size cannot be combined, the browsers don't support it yet.*
29+
*The `background-size` cannot be combined, the browsers don't support it yet.*
3030

3131
## Hint:
3232

exercises/04.2-Apply-several-classes/README.es.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# `04.2` Aplica varias clases
22

3-
Hemos preparado un pequeña hoja de estilos CSS que contiene estilos CSS para replicar cartas de poker.
3+
Hemos preparado una pequeña hoja de estilos CSS que contiene estilos CSS para replicar cartas de poker.
44
Vamos a usar clases y aplicarlas al mismo elemento `<div>`.
55

66
```html
@@ -9,7 +9,7 @@ Vamos a usar clases y aplicarlas al mismo elemento `<div>`.
99

1010
La clase `card` contiene las reglas de estilo para hacer que el div se vea como una carta: bordes, ancho, etc.
1111

12-
La clase `spades` contienes las reglas de estilo requeridas para convertir la carta a la pinta de picas (negra con el símbolo de picas).
12+
La clase `spades` contiene las reglas de estilo requeridas para convertir la carta a la pinta de picas (negra con el símbolo de picas).
1313

1414
Hay dos posibles clases de palos/pintas que puedes aplicar al elemento html y hará que se vea como una carta de poker real.
1515

exercises/05-Specificity/README.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,12 +13,12 @@ It's all about the level of Specificity. If you specify that your `div` with `id
1313

1414
## 📝 Instrucciones:
1515

16-
1. Override the background-color of #thirditem without deleting any css code, simply append to the css a more specific rule at the end of the document to override the background-color to green.
16+
1. Override the `background-color` of `#thirditem` without deleting any css code, simply append to the css a more specific rule at the end of the document to override the background-color to green.
1717

1818

1919
### 💡 Hint:
2020

21-
You can use the **important!** annotation:
21+
You can use the **!important** annotation:
2222
https://css-tricks.com/when-using-important-is-the-right-choice/
2323

2424

exercises/06-Practicing-Rules/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ tutorial: "https://www.youtube.com/watch?v=4wguurrl-lU"
1818

1919
6. Add a `left padding` to the whole document of `20px` to make it easier to read.
2020

21-
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.
21+
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.
2222

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

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ In this exercise, you can add your code only above the **READ ONLY BLOCK** of th
1313

1414
1. Set the `ul` text color to `red` (override conflicts with specificity).
1515

16-
2. Set the background color of the second `li` of the `ol` to `green` (don't use the #id selector).
16+
2. Set the `background-color` of the second `li` of the `ol` to `green` (don't use the #id selector).
1717

1818
3. Change the odd rows of the tables to a yellow background using `tr:nth-child`.
1919

exercises/09-Anchor-Styles/README.es.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# `09` Estilos de enlaces (anchor) 3D
22

3-
A las personas les gusta sentir que están haciendo clic en algo, uuna manera de lograrlo es fingir un efecto 3D. Para hacerlo, los diseñadores normalmente juegan con los bordes, por ejemplo:
3+
A las personas les gusta sentir que están haciendo clic en algo, una manera de lograrlo es fingir un efecto 3D. Para hacerlo, los diseñadores normalmente juegan con los bordes, por ejemplo:
44

55
![Example Image](../../.learn/assets/09-1.png?raw=true)
66

0 commit comments

Comments
 (0)