Skip to content

Commit 1598987

Browse files
committed
reviewing instructions
1 parent e930df0 commit 1598987

File tree

39 files changed

+175
-141
lines changed

39 files changed

+175
-141
lines changed

exercises/01-Hello-World/README.es.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ tutorial: "https://www.youtube.com/watch?v=rbtHLA813pU"
66

77
CSS trata sobre estilos (styles). Para aplicar estilos, siempre debes seguir estos pasos:
88

9-
1. Lee el HTML y elije en tu mente a qué elemento deseas decorar o aplicar estilos.
9+
1. Lee el HTML y elije qué elemento deseas decorar o aplicar estilos.
1010
1. Programáticamente selecciona el elemento que deseas decorar con los selectores de CSS.
1111
2. Escribe el estilo que quieras usando las reglas CSS.
1212

@@ -35,4 +35,4 @@ Pega este código en tu sitio web para ver los resultados.
3535

3636
Debería verse así:
3737

38-
![01 Hello World Exercise Preview](https://ucarecdn.com/7e9496c0-549a-4767-b771-13b9bfc5d9c2/)
38+
![01 Hello World Exercise Preview](https://github.com/4GeeksAcademy/css-tutorial-exercises-course/blob/master/.learn/assets/01-1.png?raw=true)

exercises/01-Hello-World/README.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,9 @@ tutorial: "https://www.youtube.com/watch?v=rbtHLA813pU"
55

66
CSS is about styles. To apply styles you always have to follow this steps:
77

8-
1. Read the HTML and pick in your mind what element you want to decorate or apply styles to.
9-
1. Programatically select the element you want to style using CSS Selectors.
10-
2. Write the styling that you want by using CSS rules.
8+
1. Read the HTML and pick what element do you want to decorate or apply styles to.
9+
2. Programatically select the element you want to style using CSS Selectors.
10+
3. Write the styling that you want by using CSS rules.
1111

1212
That is it! The rest is just semantics! 😁
1313

exercises/01.1-The-Style-Tag/README.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ tutorial: "https://www.youtube.com/watch?v=C5sOchuD2d4"
44

55
# `01.1` The Style Tag
66

7-
If you want to add styles into a website by writing CSS you have to always add it withing a `<style>` tag.
7+
If you want to add styles into a website by writing CSS you have to always add it within a `<style>` tag.
88
You can have as many style tags as you want but it is recomended to have only one at the beginning of your website code.
99
```HTML
1010
<style>
@@ -14,7 +14,7 @@ You can have as many style tags as you want but it is recomended to have only on
1414

1515
## 📝 Instructions
1616

17-
Add a `<style>` tag into your website and using CSS select the all `<p>` tags to turn their text into blue color.
17+
Add a `<style>` tag into your website and using CSS select all `<p>` tags to turn their text into blue color.
1818

1919
## 💻 Preview
2020

exercises/01.2-Your-First-Style/README.es.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# `01.2` Tu Primer Estilo
22

3-
Cuando usas CSS, la idea es aplicar `reglas css` a tus` elementos html`, siempre debes seleccionar primero el elemento y luego especificar qué reglas deseas aplicarle:
3+
Cuando usas CSS, la idea es aplicar `reglas css` a tus` elementos html`, siempre debes seleccionar primero el elemento y luego especificar qué reglas deseas aplicarle.
44

55
Por ejemplo, este es el código si quiero que todos los anchors de mi sitio web (etiquetas `<a>`) sean azules (blue):
66

@@ -13,4 +13,5 @@ a {
1313
## 📝 Instrucciones:
1414

1515
1. En este momento, se está aplicando un estilo que se encarga de hacer el enlace rojo (red).
16+
1617
2. Cambia el estilo para que tu enlace se vea amarillo (yellow).

exercises/01.2-Your-First-Style/README.md

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

77
When doing CSS, the idea is to apply `css rules` to your `html elements`, you always have to select the element first, and then specify what rules you want to apply to it:
88

9-
For example, this is the code if I want to make all my website anchors (`<a> tag's`) blue:
9+
For example, this is the code if you want to make all my website anchors (`<a> tag's`) blue:
1010

1111
```css
1212
a {
@@ -17,4 +17,5 @@ a {
1717
## 📝 Instructions:
1818

1919
1. Right now there is a style being applied that is responsable of making the anchor red.
20+
2021
2. Change the style to make your anchor look yellow.

exercises/01.3-Your-Second-Style/README.es.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,4 +13,4 @@ a {
1313
## 📝 Instrucciones:
1414

1515
1. Haz que el fondo de tu sitio web sea azul (blue) seleccionando el `body` y aplicando la regla `background` con valor `blue`.
16-
2. Compila y muestra una vista previa del ejercicio y tu resultado debe ser un body azul en la página (toda la página azul).
16+
2. Compila y muestra una vista previa del ejercicio y tu resultado debe ser un body azul (toda la página azul).

exercises/01.3-Your-Second-Style/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,4 +17,4 @@ a {
1717
## 📝 Instructions:
1818

1919
1. Make your website background blue by selecting the `body` and applying the `background` rule with a `blue` value.
20-
2. Build and preview the exercise and your result should be a blue body of the page (the whole page blue).
20+
2. Build and preview the exercise and your result should be a blue `body` (the whole page blue).

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
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 práctica aún mejor porque te permite tener un sitio web a quien no le importe el 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 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.
66

77
## 📝 Instrucciones:
88

exercises/02-Separate-Stylesheet/README.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,9 @@ tutorial: "https://www.youtube.com/watch?v=T0anCc5fvSg"
44

55
# `02` Separate Stylesheet
66

7-
If you use the html `<link>` tag, you can also have your styles on a separate file that we normally call `styles.css`.
7+
If you use the html `<link>` tag, you can also have your styles on a separate file that we usually call `styles.css`.
88

9-
That is an event better practice because it lets you have an CSS agnostic website, you can change the CSS later and make the website look 100% different, but still have the same exact HTML.
9+
That is an even better practice because it lets you have an CSS agnostic website, you can change the CSS later and make the website look 100% different, but still have the same exact HTML.
1010

1111
## 📝 Instructions:
1212

exercises/02.1-Background/README.es.md

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

33
La regla `background` del CSS nos permite asignar y trabajar con el background de cualquier contenedor (container). Los valores de background pueden ser `color` o una `imagen`.
44

5-
Si es una imagen, puedes especificar si quieres que la imagen se repita horizontalmente, verticalmente, ambas o ninguna, y también puedes especificar si quieres cambiar el tamaño y ajustar su tamaño al contenedor completo, entre otras propiedades eso puede ser modificado.
5+
Si es una imagen, puedes especificar si quieres que la imagen se repita horizontalmente, verticalmente, ambas o ninguna, y también puedes especificar si quieres cambiar el tamaño y ajustar su tamaño al contenedor completo, entre otras propiedades eso puede modificarse.
66

77
## 📝 Instrucciones:
88

99
1. Construye el ejercicio.
10+
1011
2. Verifica la vista previa.
11-
3. En el archivo styles.css pon el background-size a 'contain' (verifica la pestaña styles.css)
12+
13+
3. En el archivo styles.css pon el background-size a 'contain' (verifica la pestaña styles.css).
14+
1215
4. Construye y previsualiza el ejercicio nuevamente.
16+
1317
5. Cambia el background-repeat a 'inherit' para que se repita sobre el eje x y el eje y.
18+
1419
6. Construye y previsualiza el ejercicio nuevamente.
1520

1621

0 commit comments

Comments
 (0)