Skip to content

Commit ede68d2

Browse files
committed
checking instructions
1 parent cb69126 commit ede68d2

File tree

37 files changed

+139
-128
lines changed

37 files changed

+139
-128
lines changed

exercises/00-Welcome/README.es.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,9 +11,13 @@ Durante este curso aprenderás los siguientes conceptos:
1111

1212
1. Cómo aplicar CSS a tu sitio web de tres formas diferentes:
1313
Inline, agrupando todo dentro de la etiqueta `<style>` o usando una hoja de estilos externa `<link>`,
14+
1415
2. Seleccionar elementos HTML para tu sitio web para aplicarle estilos,
16+
1517
3. Aplicar reglas CSS (estilos) a esos elementos,
18+
1619
4. A usar las reglas CSS más populares,
20+
1721
5. Aprender los trucos más populares de CSS.
1822

1923
Como te habrás dado cuenta, HTML sólo te permite crear sitios web básicos. Nadie quiere ver un sitio web en blanco con un texto horrible. ¡Así que es hora de aprender CSS! ¡Aprende CSS para que tu sitio web sea hermoso ¡Hagámos que brille!

exercises/00-Welcome/README.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,9 +10,13 @@ Learning to code is hard, you will problably need coaching! DM me on twitter if
1010
During this course you will be learning the following concepts:
1111

1212
1. How to apply CSS to your website in 3 different ways: Inline, by grouping them together inside a `<style>` tag or using an external stylesheet `<link>`,
13+
1314
2. Selecting HTML Elements from your website to apply the styles to.
15+
1416
3. Apply CSS Rules (styles) to those elements.
17+
1518
4. Use the most popular CSS Rules.
19+
1620
5. Learn the most popular CSS Tricks.
1721

1822
As you may have noticed, HTML allows you to create only basic websites. Nobody wants to see a white website with some horrible text on it. So it's time to learn what is CSS all about! Learn CSS to make your website beautiful. Let's make it shine!

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

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,10 @@ tutorial: "https://www.youtube.com/watch?v=rbtHLA813pU"
77
CSS trata sobre estilos (styles). Para aplicar estilos, siempre debes seguir estos pasos:
88

99
1. Lee el HTML y elije qué elemento deseas decorar o aplicar estilos.
10-
1. Programáticamente selecciona el elemento que deseas decorar con los selectores de CSS.
11-
2. Escribe el estilo que quieras usando las reglas CSS.
10+
11+
2. Programáticamente selecciona el elemento que deseas decorar con los selectores de CSS.
12+
13+
3. Escribe el estilo que quieras usando las reglas CSS.
1214

1315
¡Eso es todo! El resto es solo semántica. 😁
1416

@@ -29,9 +31,9 @@ Usamos CSS para selectionar todas las etiquetas `<a>` y luego hacerlas `pink`.
2931

3032
## 📝 Instrucciones
3133

32-
Pega este código en tu sitio web para ver los resultados.
34+
1. Pega este código en tu sitio web para ver los resultados.
3335

34-
## 💻 Preview
36+
## 💻 Vista previa:
3537

3638
Debería verse así:
3739

exercises/01-Hello-World/README.md

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,9 @@ tutorial: "https://www.youtube.com/watch?v=rbtHLA813pU"
66
CSS is about styles. To apply styles you always have to follow this steps:
77

88
1. Read the HTML and pick what element do you want to decorate or apply styles to.
9+
910
2. Programatically select the element you want to style using CSS Selectors.
11+
1012
3. Write the styling that you want by using CSS rules.
1113

1214
That is it! The rest is just semantics! 😁
@@ -26,11 +28,11 @@ Look at this example:
2628
We have an HTML anchor `<a>` that takes people to google.com when clicked.
2729
We use CSS to tell (selected) all the anchor tags and make then pink.
2830

29-
## 📝 Instructions
31+
## 📝 Instructions:
3032

31-
Paste this code on your website to see the results.
33+
1. Paste this code on your website to see the results.
3234

33-
## 💻 Preview
35+
## 💻 Preview:
3436

3537
It should look like this:
3638

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

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,10 +10,11 @@ Puedes tener cuantas etiquetas `<style>`quieras pero se recomienda solo tener un
1010
</style>
1111
```
1212

13-
## 📝 Instruccciones
14-
Añade una etiqueta `<style>` en tu sitio web y usando CSS selecciona todas las etiquetas `<p>` para que su texto sea de color azul (blue)
13+
## 📝 Instruccciones:
1514

16-
## 💻 Vista previa
15+
1. Añade una etiqueta `<style>` en tu sitio web y usando CSS selecciona todas las etiquetas `<p>` para que su texto sea de color azul (`blue`).
16+
17+
## 💻 Vista previa:
1718

1819
Debería verse así:
1920

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

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

77
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.
9+
910
```HTML
1011
<style>
1112
/* the website CSS Styles go here */
@@ -14,7 +15,7 @@ You can have as many style tags as you want but it is recomended to have only on
1415

1516
## 📝 Instructions
1617

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

1920
## 💻 Preview
2021

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
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

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

77
```css
88
a {
@@ -12,6 +12,6 @@ a {
1212

1313
## 📝 Instrucciones:
1414

15-
1. En este momento, se está aplicando un estilo que se encarga de hacer el enlace rojo (red).
15+
1. En este momento, se está aplicando un estilo que se encarga de hacer el enlace rojo (`red)`.
1616

17-
2. Cambia el estilo para que tu enlace se vea amarillo (yellow).
17+
2. Cambia el estilo para que tu enlace se vea amarillo (`yellow`).

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,6 @@ a {
1616

1717
## 📝 Instructions:
1818

19-
1. Right now there is a style being applied that is responsable of making the anchor red.
19+
1. Right now there is a style being applied that is responsable of making the anchor `red`.
2020

21-
2. Change the style to make your anchor look yellow.
21+
2. Change the style to make your anchor look `yellow`.

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

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,4 +13,5 @@ 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 (toda la página azul).
16+
17+
2. Compila y muestra una vista previa del ejercicio y tu resultado debe ser un body azul (`blue`), es decir toda la página azul.

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

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,4 +17,5 @@ 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+
2021
2. Build and preview the exercise and your result should be a blue `body` (the whole page blue).

0 commit comments

Comments
 (0)