Merge branch 'master' into ex3

Author: tommygonzaleza

exercises/05-Specificity/README.es.md

@@ -13,5 +13,4 @@ Se trata del nivel de especificidad. Si especificas que tu `div` con `id="thirdi
 
 ## 💡 Pista:
 
-Puedes usar la anotación **!important** :
-https://css-tricks.com/when-using-important-is-the-right-choice/
++ Puedes usar la anotación **!important** : https://css-tricks.com/when-using-important-is-the-right-choice/

exercises/06-Practicing-Rules/README.md

@@ -6,26 +6,22 @@ tutorial: "https://www.youtube.com/watch?v=4wguurrl-lU"
 
 ## 📝 Instructions:
 
-
 1. Set this URL as the background image of the page, and repeat it vertically only: `../../.learn/assets/background-vertical.jpg?raw=true`
 
-2. Change the font-type of the `h1` to `Courier`
-   and the rest of the website to `Times new Roman`.
+2. Change the font-type of the `h1` to `Courier` and the rest of the website to `Times new Roman`.
 
 3. Change the color of `h1` to `red`.
 
 4. Make all the `h2's` with an `underline`.
 
 5. Center the `h1` to the middle.
 
-6. Add a `left padding` to the whole document
-   of `20px` to make it easier to read.
+6. Add a `left padding` to the whole document of `20px` to make it easier to read.
 
 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.
 
 8. Change the `anchor` "hover" color to `green` and remove the underline (you have to actually hover the anchor to test it).
 
-
 ## The result should be something like this:
 
-![Example Image](../.././.learn/assets/06-1.png?raw=true)
+![Example Image](../../.learn/assets/06-1.png?raw=true)

exercises/11-Font-Awesome-Icons/README.es.md

@@ -9,7 +9,7 @@ Font-awesome resuelve el problema de la "imagen" creando una nueva fuente en don
 Después de vincular tu sitio web con font-awesome, puedes usar lo siguiente para codificar e insertar un icono específico:
 
 ```html
-<i class="fa fa-camera-retro"></i> 
+<i class="fas fa-camera-retro"></i> 
 <!--"camera-retro" será el nombre de tu icono-->
 
 Puedes encontrar todos los nombres disponibles aquí: http://fontawesome.io/icons/

exercises/11-Font-Awesome-Icons/README.md

@@ -9,13 +9,13 @@ Font-awesome solve the "image" problem by creating a new font- each letter is a
 After linking your website with font-awesome, you can use the following code to insert a specific icon:
 
 ```html
-<i class="fa fa-camera-retro"></i> 
+<i class="fas fa-camera-retro"></i>
 <!-- "camera-retro" will be the name of the icon -->
 
 You can find all the available names here: http://fontawesome.io/icons/
 ```
 
 ## 📝 Instructions:
 
-Add two more items into your list and add a different icon at the beginning of each item.
+1. Add two more items into your list and add a different icon at the beginning of each item.
 

exercises/11-Font-Awesome-Icons/tests.js

@@ -35,7 +35,7 @@ describe("All the styles should be applied", function() {
       expect(li[i].innerHTML).toBeTruthy();
     }
   });
-  it('the i tag should have a class "fa"', function() {
+  it('the i tag should have a class "fas"', function() {
     //or use query selector to compare hoy mane scriptags do we have
     const icon = document.querySelectorAll("i");
     expect(document.querySelector("i")).toBeTruthy();

learn.json

@@ -12,7 +12,7 @@
     "video-solutions": true,
     "graded": true,
     "config": {
-        "disableGrading": false,
+        "disableGrading": true,
         "editor": {
             "version": "1.0.71"
         }