diff --git a/challenges/01-responsive-web-design/basic-css.json b/challenges/01-responsive-web-design/basic-css.json
index e64e77d35d..d293bdab25 100644
--- a/challenges/01-responsive-web-design/basic-css.json
+++ b/challenges/01-responsive-web-design/basic-css.json
@@ -594,11 +594,11 @@
       "id": "bad87fee1348bd9aede08807",
       "title": "Set the Font Family of an Element",
       "description": [
-        "You can set an element's font by using the <code>font-family</code> property.",
-        "For example, if you wanted to set your <code>h2</code> element's font to <code>Sans-Serif</code>, you would use the following CSS:",
-        "<blockquote>h2 {<br>&nbsp;&nbsp;font-family: Sans-Serif;<br>}</blockquote>",
+        "You can set which font an element should use, by using the <code>font-family</code> property.",
+        "For example, if you wanted to set your <code>h2</code> element's font to <code>sans-serif</code>, you would use the following CSS:",
+        "<blockquote>h2 {<br>&nbsp;&nbsp;font-family: sans-serif;<br>}</blockquote>",
         "<hr>",
-        "Make all of your <code>p</code> elements use the <code>Monospace</code> font."
+        "Make all of your <code>p</code> elements use the <code>monospace</code> font."
       ],
       "challengeSeed": [
         "<style>",
@@ -644,7 +644,7 @@
         "</main>"
       ],
       "tests": [
-        "assert($(\"p\").not(\".red-text\").css(\"font-family\").match(/monospace/i), 'message: Your <code>p</code> elements should use the font <code>Monospace</code>.');"
+        "assert($(\"p\").not(\".red-text\").css(\"font-family\").match(/monospace/i), 'message: Your <code>p</code> elements should use the font <code>monospace</code>.');"
       ],
       "type": "waypoint",
       "challengeType": 0,
@@ -652,42 +652,42 @@
         "de": {
           "description": [
             "Du kannst einem Element mit <code>font-family</code> eine Schriftart zuweisen.",
-            "Wenn du zum Beispiel deinem <code>h2</code> Element die Schriftart <code>Sans-Serif</code> zuweisen willst, kannst du das mit dem folgenden CSS tun:",
-            "<blockquote>h2 {<br>&nbsp;&nbsp;font-family: Sans-Serif;<br>}</blockquote>",
+            "Wenn du zum Beispiel deinem <code>h2</code> Element die Schriftart <code>sans-serif</code> zuweisen willst, kannst du das mit dem folgenden CSS tun:",
+            "<blockquote>h2 {<br>&nbsp;&nbsp;font-family: sans-serif;<br>}</blockquote>",
             "<hr>",
-            "Definiere für alle <code>p</code> Elemente die Schriftart <code>Monospace</code>."
+            "Definiere für alle <code>p</code> Elemente die Schriftart <code>monospace</code>."
           ]
         },
         "fr": {
           "title": "Paramétrer la famille de police d'un élément",
           "description": [
             "Vous pouvez paramétrer la police d'un élément en utilisant la propriété <code>font-family</code>.",
-            "Par exemple, si vous voulez paramétrer la police de votre élément <code>h2</code> à <code>Sans-Serif</code>, vous devez utiliser le CSS suivant :",
-            "<blockquote>h2 {<br>&nbsp;&nbsp;font-family: Sans-Serif;<br>}</blockquote>",
+            "Par exemple, si vous voulez paramétrer la police de votre élément <code>h2</code> à <code>sans-serif</code>, vous devez utiliser le CSS suivant :",
+            "<blockquote>h2 {<br>&nbsp;&nbsp;font-family: sans-serif;<br>}</blockquote>",
             "<hr>",
-            "Faites en sorte que tous vos éléments <code>p</code> aient la police <code>Monospace</code>."
+            "Faites en sorte que tous vos éléments <code>p</code> aient la police <code>monospace</code>."
           ]
         },
         "pt-br": {
           "title": "Defina a Fonte para um Elemento",
           "description": [
             "Você pode estabelecer o estilo de fonte para um elemento ao utilizar a propriedade <code>font-family</code>.",
-            "Por exemplo, se você quiser estabelecer o estilo de fonte de seu elemento <code>h2</code> como <code>Sans-Serif</code>, você poderá utilizar o seguinte código em CSS:",
+            "Por exemplo, se você quiser estabelecer o estilo de fonte de seu elemento <code>h2</code> como <code>sans-serif</code>, você poderá utilizar o seguinte código em CSS:",
             "<code>h2 {</code>",
-            "<code>&nbsp;&nbsp;font-family: Sans-Serif;</code>",
+            "<code>&nbsp;&nbsp;font-family: sans-serif;</code>",
             "<code>}</code>",
             "<hr>",
-            "Faça com que todos os elementos <code>p</code> utilizem o estilo de fonte <code>Monospace</code>."
+            "Faça com que todos os elementos <code>p</code> utilizem o estilo de fonte <code>monospace</code>."
           ]
         },
         "ru": {
           "title": "Установите семейство шрифтов для элемента",
           "description": [
             "Вы можете установить семейство шрифтов для элемента используя свойство <code>font-family</code>.",
-            "Например, если бы вы хотели установить семейство шрифтов <code>Sans-Serif</code> для вашего элемента <code>h2</code>, вы бы использовали следующий CSS:",
-            "<blockquote>h2 {<br>&nbsp;&nbsp;font-family: Sans-Serif;<br>}</blockquote>",
+            "Например, если бы вы хотели установить семейство шрифтов <code>sans-serif</code> для вашего элемента <code>h2</code>, вы бы использовали следующий CSS:",
+            "<blockquote>h2 {<br>&nbsp;&nbsp;font-family: sans-serif;<br>}</blockquote>",
             "<hr>",
-            "Присвойте шрифт <code>Monospace</code> всем вашим элементам <code>p</code>."
+            "Присвойте шрифт <code>monospace</code> всем вашим элементам <code>p</code>."
           ]
         }
       }
@@ -696,15 +696,16 @@
       "id": "bad87fee1348bd9aedf08807",
       "title": "Import a Google Font",
       "description": [
-        "Now, let's import and apply a Google font (note that if Google is blocked in your country, you will need to skip this challenge).",
+        "In addition to specifying common fonts that are found on most operating systems, we can also specify non-standard, custom web fonts for use on our website. There are various sources for web fonts on the internet but, for this example we will focus on the Google Fonts library.",
         "<a href='https://fonts.google.com/' target='_blank'>Google Fonts</a> is a free library of web fonts that you can use in your CSS by referencing the font's URL.",
-        "To import a Google Font, you can copy the font(s) URL from the Google Fonts library and then paste it in your HTML. For this challenge, we'll import the <code>Lobster</code> font. To do this, copy the following code snippet and paste it into the top of your code editor:",
+        "So, let's go ahead and import and apply a Google font (note that if Google is blocked in your country, you will need to skip this challenge).",
+        "To import a Google Font, you can copy the font(s) URL from the Google Fonts library and then paste it in your HTML. For this challenge, we'll import the <code>Lobster</code> font. To do this, copy the following code snippet and paste it into the top of your code editor(before the opening <code>style</code> element):",
         "<code>&#60;link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\"&#62;</code>",
         "Now you can use the <code>Lobster</code> font in your CSS by using <code>Lobster</code> as the FAMILY_NAME as in the following example:<br><code>font-family: FAMILY_NAME, GENERIC_NAME;</code>.",
         "The GENERIC_NAME is optional, and is a fallback font in case the other specified font is not available. This is covered in the next challenge.",
         "Family names are case-sensitive and need to be wrapped in quotes if there is a space in the name. For example, you need quotes to use the <code>\"Open Sans\"</code> font, but not to use the <code>Lobster</code> font.",
         "<hr>",
-        "Create a CSS rule for the <code>font-family</code> of <code>Lobster</code> and apply this new font to your <code>h2</code> element."
+        "Create a <code>font-family</code> CSS rule that uses the <code>Lobster</code> font, and ensure that it will be applied to your <code>h2</code> element."
       ],
       "challengeSeed": [
         "<style>",
@@ -714,7 +715,7 @@
         "",
         "  p {",
         "    font-size: 16px;",
-        "    font-family: Monospace;",
+        "    font-family: monospace;",
         "  }",
         "</style>",
         "",
@@ -754,7 +755,7 @@
         "assert(new RegExp(\"googleapis\", \"gi\").test(code), 'message: Import the <code>Lobster</code> font.');",
         "assert($(\"h2\").css(\"font-family\").match(/lobster/i), 'message: Your <code>h2</code> element should use the font <code>Lobster</code>.');",
         "assert(/\\s*h2\\s*\\{\\s*font-family\\:\\s*(\\'|\")?Lobster(\\'|\")?\\s*;\\s*\\}/gi.test(code), 'message: Use an <code>h2</code> CSS selector to change the font.');",
-        "assert($(\"p\").css(\"font-family\").match(/monospace/i), 'message: Your <code>p</code> element should still use the font <code>Monospace</code>.');"
+        "assert($(\"p\").css(\"font-family\").match(/monospace/i), 'message: Your <code>p</code> element should still use the font <code>monospace</code>.');"
       ],
       "type": "waypoint",
       "challengeType": 0,
@@ -810,14 +811,14 @@
       "id": "bad87fee1348bd9aedf08808",
       "title": "Specify How Fonts Should Degrade",
       "description": [
-        "There are several default fonts that are available in all browsers. These generic font families include <code>Monospace</code>, <code>Serif</code> and <code>Sans-Serif</code>",
+        "There are several default fonts that are available in all browsers. These generic font families include <code>monospace</code>, <code>serif</code> and <code>sans-serif</code>",
         "When one font isn't available, you can tell the browser to \"degrade\" to another font.",
-        "For example, if you wanted an element to use the <code>Helvetica</code> font, but also degrade to the <code>Sans-Serif</code> font when <code>Helvetica</code> wasn't available, you could use this CSS style:",
-        "<blockquote>p {<br>&nbsp;&nbsp;font-family: Helvetica, Sans-Serif;<br>}</blockquote>",
+        "For example, if you wanted an element to use the <code>Helvetica</code> font, but degrade to the <code>sans-serif</code> font when <code>Helvetica</code> wasn't available, you will specify it as follows:",
+        "<blockquote>p {<br>&nbsp;&nbsp;font-family: Helvetica, sans-serif;<br>}</blockquote>",
         "Generic font family names are not case-sensitive. Also, they do not need quotes because they are CSS keywords.",
         "<hr>",
-        "To begin with, apply the <code>Monospace</code> font to the <code>h2</code> element, so that it now has two fonts - <code>Lobster</code> and <code>Monospace</code>.",
-        "In the last challenge, you imported the <code>Lobster</code> font using the <code>link</code> tag. Now comment out that import of the <code>Lobster</code> font from Google Fonts so that it isn't available anymore. Notice how your <code>h2</code> element degrades to the <code>Monospace</code> font.",
+        "To begin with, apply the <code>monospace</code> font to the <code>h2</code> element, so that it now has two fonts - <code>Lobster</code> and <code>monospace</code>.",
+        "In the last challenge, you imported the <code>Lobster</code> font using the <code>link</code> tag. Now comment out that import of the <code>Lobster</code> font(using the HTML comments you learned before) from Google Fonts so that it isn't available anymore. Notice how your <code>h2</code> element degrades to the <code>monospace</code> font.",
         "<strong>Note</strong><br>If you have the Lobster font installed on your computer, you won't see the degradation because your browser is able to find the font."
       ],
       "challengeSeed": [
@@ -833,7 +834,7 @@
         "",
         "  p {",
         "    font-size: 16px;",
-        "    font-family: Monospace;",
+        "    font-family: monospace;",
         "  }",
         "</style>",
         "",
@@ -871,7 +872,7 @@
       ],
       "tests": [
         "assert($(\"h2\").css(\"font-family\").match(/^\"?lobster/i), 'message: Your h2 element should use the font <code>Lobster</code>.');",
-        "assert(/\\s*h2\\s*\\{\\s*font-family\\:\\s*(\\'|\")?Lobster(\\'|\")?,\\s*Monospace\\s*;\\s*\\}/gi.test(code), 'message: Your h2 element should degrade to the font <code>Monospace</code> when <code>Lobster</code> is not available.');",
+        "assert(/\\s*h2\\s*\\{\\s*font-family\\:\\s*(\\'|\")?Lobster(\\'|\")?,\\s*monospace\\s*;\\s*\\}/gi.test(code), 'message: Your h2 element should degrade to the font <code>monospace</code> when <code>Lobster</code> is not available.');",
         "assert(new RegExp(\"<!--[^fc]\", \"gi\").test(code), 'message: Comment out your call to Google for the <code>Lobster</code> font by putting <code>&#60!--</code> in front of it.');",
         "assert(new RegExp(\"[^fc]-->\", \"gi\").test(code), 'message: Be sure to close your comment by adding <code>--&#62;</code>.');"
       ],
@@ -880,47 +881,47 @@
       "translations": {
         "de": {
           "description": [
-            "Es gibt verschiedene Schriftarten, die jedem Browser standardmäßig zur Verfügung stehen. Das sind unter anderem <code>Monospace</code>, <code>Serif</code> und <code>Sans-Serif</code>.",
+            "Es gibt verschiedene Schriftarten, die jedem Browser standardmäßig zur Verfügung stehen. Das sind unter anderem <code>monospace</code>, <code>serif</code> und <code>sans-serif</code>.",
             "Falls eine Font nicht verfügbar ist kannst du dem Browser sagen was er stattdessen verwenden soll.",
-            "Wenn du zum Beispiel einem Element die Schriftart <code>Helvetica</code> geben möchtest, aber gleichzeitig als Alertnative die Schrift <code>Sans-Serif</code> laden willst, falls <code>Helvetica</code> nicht verfügbar ist, kannst du diesen CSS Style verwenden:",
-            "<blockquote>p {<br>&nbsp;&nbsp;font-family: Helvetica, Sans-Serif;<br>}</blockquote>",
+            "Wenn du zum Beispiel einem Element die Schriftart <code>Helvetica</code> geben möchtest, aber gleichzeitig als Alertnative die Schrift <code>sans-serif</code> laden willst, falls <code>Helvetica</code> nicht verfügbar ist, kannst du diesen CSS Style verwenden:",
+            "<blockquote>p {<br>&nbsp;&nbsp;font-family: Helvetica, sans-serif;<br>}</blockquote>",
             "<hr>",
-            "Kommentiere jetzt den Aufruf an Google Fonts aus, sodass <code>Lobster</code> nicht zur Verfügung steht. Beachte, wie nun alternativ die Schriftart <code>Monospace</code> geladen wird."
+            "Kommentiere jetzt den Aufruf an Google Fonts aus, sodass <code>Lobster</code> nicht zur Verfügung steht. Beachte, wie nun alternativ die Schriftart <code>monospace</code> geladen wird."
           ]
         },
         "fr": {
           "title": "Spécifier comment vos polices devraient dégrader",
           "description": [
-            "Il y a plusieurs polices par défaut qui sont disponible dans tous les navigateurs Web. Ceci comprend <code>Monospace</code>, <code>Serif</code> et <code>Sans-Serif</code>.",
+            "Il y a plusieurs polices par défaut qui sont disponible dans tous les navigateurs Web. Ceci comprend <code>monospace</code>, <code>serif</code> et <code>sans-serif</code>.",
             "Quand une police n'est pas disponible, vous pouvez demander au navigateur de \"dégrader\" vers une autre police.",
-            "Par exemple, si vous voulez qu'un élément utilise la police <code>Helvetica</code>, mais également dégrader vers <code>Sans-Serif</code> lorsque la police <code>Helvetica</code> n'est pas disponible, vous pouvez utiliser le style CSS suivant :",
-            "<blockquote>p {<br>&nbsp;&nbsp;font-family: Helvetica, Sans-Serif;<br>}</blockquote>",
+            "Par exemple, si vous voulez qu'un élément utilise la police <code>Helvetica</code>, mais également dégrader vers <code>sans-serif</code> lorsque la police <code>Helvetica</code> n'est pas disponible, vous pouvez utiliser le style CSS suivant :",
+            "<blockquote>p {<br>&nbsp;&nbsp;font-family: Helvetica, sans-serif;<br>}</blockquote>",
             "<hr>",
-            "Maintenant, commenter votre appel vers les polices de Google, pour que la police <code>Lobster</code> ne soit pas disponible. Regardez comment la police se dégrade vers <code>Monospace</code>."
+            "Maintenant, commenter votre appel vers les polices de Google, pour que la police <code>Lobster</code> ne soit pas disponible. Regardez comment la police se dégrade vers <code>monospace</code>."
           ]
         },
         "pt-br": {
           "title": "Especifique como as Fontes Devem se Degradar",
           "description": [
-            "Existem diversas fontes que estão disponíveis por padrão nos navegadores de internet, incluindo <code>Monospace</code>, <code>Serif</code> e <code>Sans-Serif</code>.",
+            "Existem diversas fontes que estão disponíveis por padrão nos navegadores de internet, incluindo <code>monospace</code>, <code>serif</code> e <code>sans-serif</code>.",
             "No entanto, quando uma fonte não está disponível, podemos dizer ao navegador que \"degrade\" a outro tipo de fonte.",
-            "Por exemplo, se você deseja que um elemento use a fonte <code>Helvetica</code>, e que degrade para a fonte <code>Sans-Serif</code> quando a <code>Helvetica</code> não estiver disponível, você pode utilizar o seguinte CSS:",
+            "Por exemplo, se você deseja que um elemento use a fonte <code>Helvetica</code>, e que degrade para a fonte <code>sans-serif</code> quando a <code>Helvetica</code> não estiver disponível, você pode utilizar o seguinte CSS:",
             "<code>p {</code>",
-            "<code>&nbsp;&nbsp;font-family: Helvetica, Sans-Serif;</code>",
+            "<code>&nbsp;&nbsp;font-family: Helvetica, sans-serif;</code>",
             "<code>}</code>",
             "<hr>",
-            "Agora, comente o seu chamado para a fonte do Google, para que a fonte <code>Lobster</code> não esteja disponível. Note como a fonte degrada para <code>Monospace</code>."
+            "Agora, comente o seu chamado para a fonte do Google, para que a fonte <code>Lobster</code> não esteja disponível. Note como a fonte degrada para <code>monospace</code>."
           ]
         },
         "ru": {
           "title": "Укажите порядок деградации шрифтов",
           "description": [
-            "Существует несколько стандартных шрифтов, которые доступны во всех браузерах. Среди них <code>Monospace</code>, <code>Serif</code> и <code>Sans-Serif</code>",
+            "Существует несколько стандартных шрифтов, которые доступны во всех браузерах. Среди них <code>monospace</code>, <code>serif</code> и <code>sans-serif</code>",
             "Когда один шрифт недоступен, вы можете сообщить браузеру \"деградировать\" до другого шрифта.",
-            "Например, если бы вы хотели, чтобы элемент использовал шрифт <code>Helvetica</code>, но также деградировал до шрифта <code>Sans-Serif</code>, когда <code>Helvetica</code> недоступен, вы могли бы использовать этот CSS-стиль:",
-            "<blockquote>p {<br>&nbsp;&nbsp;font-family: Helvetica, Sans-Serif;<br>}</blockquote>",
+            "Например, если бы вы хотели, чтобы элемент использовал шрифт <code>Helvetica</code>, но также деградировал до шрифта <code>sans-serif</code>, когда <code>Helvetica</code> недоступен, вы могли бы использовать этот CSS-стиль:",
+            "<blockquote>p {<br>&nbsp;&nbsp;font-family: Helvetica, sans-serif;<br>}</blockquote>",
             "<hr>",
-            "Теперь закомментируйте ваш запрос к Google Fonts, таким образом шрифт <code>Lobster</code> становится недоступен. Обратите внимание как происходит деградация до шрифта <code>Monospace</code>."
+            "Теперь закомментируйте ваш запрос к Google Fonts, таким образом шрифт <code>Lobster</code> становится недоступен. Обратите внимание как происходит деградация до шрифта <code>monospace</code>."
           ]
         }
       }
@@ -944,12 +945,12 @@
         "  }",
         "",
         "  h2 {",
-        "    font-family: Lobster, Monospace;",
+        "    font-family: Lobster, monospace;",
         "  }",
         "",
         "  p {",
         "    font-size: 16px;",
-        "    font-family: Monospace;",
+        "    font-family: monospace;",
         "  }",
         "</style>",
         "",
@@ -1060,12 +1061,12 @@
         "  }",
         "",
         "  h2 {",
-        "    font-family: Lobster, Monospace;",
+        "    font-family: Lobster, monospace;",
         "  }",
         "",
         "  p {",
         "    font-size: 16px;",
-        "    font-family: Monospace;",
+        "    font-family: monospace;",
         "  }",
         "",
         "  .smaller-image {",
@@ -1188,12 +1189,12 @@
         "  }",
         "",
         "  h2 {",
-        "    font-family: Lobster, Monospace;",
+        "    font-family: Lobster, monospace;",
         "  }",
         "",
         "  p {",
         "    font-size: 16px;",
-        "    font-family: Monospace;",
+        "    font-family: monospace;",
         "  }",
         "",
         "  .thick-green-border {",
@@ -1301,12 +1302,12 @@
         "  }",
         "",
         "  h2 {",
-        "    font-family: Lobster, Monospace;",
+        "    font-family: Lobster, monospace;",
         "  }",
         "",
         "  p {",
         "    font-size: 16px;",
-        "    font-family: Monospace;",
+        "    font-family: monospace;",
         "  }",
         "",
         "  .thick-green-border {",
@@ -1412,12 +1413,12 @@
         "  }",
         "",
         "  h2 {",
-        "    font-family: Lobster, Monospace;",
+        "    font-family: Lobster, monospace;",
         "  }",
         "",
         "  p {",
         "    font-size: 16px;",
-        "    font-family: Monospace;",
+        "    font-family: monospace;",
         "  }",
         "",
         "  .thick-green-border {",
@@ -1535,12 +1536,12 @@
         "  }",
         "",
         "  h2 {",
-        "    font-family: Lobster, Monospace;",
+        "    font-family: Lobster, monospace;",
         "  }",
         "",
         "  p {",
         "    font-size: 16px;",
-        "    font-family: Monospace;",
+        "    font-family: monospace;",
         "  }",
         "",
         "  .thick-green-border {",
@@ -1667,12 +1668,12 @@
         "  }",
         "",
         "  h2 {",
-        "    font-family: Lobster, Monospace;",
+        "    font-family: Lobster, monospace;",
         "  }",
         "",
         "  p {",
         "    font-size: 16px;",
-        "    font-family: Monospace;",
+        "    font-family: monospace;",
         "  }",
         "",
         "  .thick-green-border {",
@@ -2488,12 +2489,12 @@
         "  }",
         "",
         "  h2 {",
-        "    font-family: Lobster, Monospace;",
+        "    font-family: Lobster, monospace;",
         "  }",
         "",
         "  p {",
         "    font-size: 16px;",
-        "    font-family: Monospace;",
+        "    font-family: monospace;",
         "  }",
         "",
         "  .thick-green-border {",
@@ -2693,7 +2694,7 @@
         "<hr>",
         "First, create a <code>h1</code> element with the text <code>Hello World</code>",
         "Then, let's give all elements on your page the color of <code>green</code> by adding <code>color: green;</code> to your <code>body</code> element's style declaration.",
-        "Finally, give your <code>body</code> element the font-family of <code>Monospace</code> by adding <code>font-family: Monospace;</code> to your <code>body</code> element's style declaration."
+        "Finally, give your <code>body</code> element the font-family of <code>monospace</code> by adding <code>font-family: monospace;</code> to your <code>body</code> element's style declaration."
       ],
       "challengeSeed": [
         "<style>",
@@ -2708,8 +2709,8 @@
         "assert(($(\"h1\").length > 0 && $(\"h1\").text().match(/hello world/i)), 'message: Your <code>h1</code> element should have the text <code>Hello World</code>.');",
         "assert(code.match(/<\\/h1>/g) && code.match(/<h1/g) && code.match(/<\\/h1>/g).length === code.match(/<h1/g).length, 'message: Make sure your <code>h1</code> element has a closing tag.');",
         "assert(($(\"body\").css(\"color\") === \"rgb(0, 128, 0)\"), 'message: Give your <code>body</code> element the <code>color</code> property of <code>green</code>.');",
-        "assert(($(\"body\").css(\"font-family\").match(/Monospace/i)), 'message: Give your <code>body</code> element the <code>font-family</code> property of <code>Monospace</code>.');",
-        "assert(($(\"h1\").length > 0 && $(\"h1\").css(\"font-family\").match(/monospace/i)), 'message: Your <code>h1</code> element should inherit the font <code>Monospace</code> from your <code>body</code> element.');",
+        "assert(($(\"body\").css(\"font-family\").match(/monospace/i)), 'message: Give your <code>body</code> element the <code>font-family</code> property of <code>monospace</code>.');",
+        "assert(($(\"h1\").length > 0 && $(\"h1\").css(\"font-family\").match(/monospace/i)), 'message: Your <code>h1</code> element should inherit the font <code>monospace</code> from your <code>body</code> element.');",
         "assert(($(\"h1\").length > 0 && $(\"h1\").css(\"color\") === \"rgb(0, 128, 0)\"), 'message: Your <code>h1</code> element should inherit the color green from your <code>body</code> element.');"
       ],
       "type": "waypoint",
@@ -2723,7 +2724,7 @@
             "<hr>",
             "Erstelle zuerst ein <code>h1</code> Element mit dem Text <code>Hello World</code>",
             "Dann gib allen Elementen auf deiner Seite die Farbe <code>green</code> indem du <code>color:green;</code> deinen <code>body</code> Element Styles hinzufügst.",
-            "Gib deinem <code>body</code> Element abschließend die Schriftart <code>Monospace</code> indem du <code>font-family: Monospace;</code> deinen <code>body</code> Element Styles hinzufügst."
+            "Gib deinem <code>body</code> Element abschließend die Schriftart <code>monospace</code> indem du <code>font-family: monospace;</code> deinen <code>body</code> Element Styles hinzufügst."
           ]
         },
         "es": {
@@ -2734,7 +2735,7 @@
             "<hr>",
             "En primer lugar, crea un elemento <code>h1</code> con el texto <code>Hello World</code>",
             "Después, vamos a darle a todos los elementos de tu página el color verde (<code>green</code>) añadiendo <code>color: green;</code> a la declaración de estilo de tu elemento <code>body</code>.",
-            "Por último, da a tu elemento <code>body</code> el tipo de letra <code>Monospace</code> añadiendo <code>font-family: Monospace;</code> a la declaración del estilo de tu elemento <code>body</code>."
+            "Por último, da a tu elemento <code>body</code> el tipo de letra <code>monospace</code> añadiendo <code>font-family: monospace;</code> a la declaración del estilo de tu elemento <code>body</code>."
           ]
         },
         "pt-br": {
@@ -2745,7 +2746,7 @@
             "<hr>",
             "Em primeiro lugar, crie um elemento <code>h1</code> com o texto <code>Hello World</code>",
             "Depois, dê a todos os elementos de sua página uma cor verde (<code>green</code>) adicionando <code>color: green;</code> na declaração de estilo de seu elemento <code>body</code>.",
-            "Por último, dê ao seu elemento <code>body</code> o tipo de fonte <code>Monospace</code> adicionando <code>font-family: Monospace;</code> na declaração de estilo de seu elemento <code>body</code>."
+            "Por último, dê ao seu elemento <code>body</code> o tipo de fonte <code>monospace</code> adicionando <code>font-family: monospace;</code> na declaração de estilo de seu elemento <code>body</code>."
           ]
         },
         "ru": {
@@ -2756,7 +2757,7 @@
             "<hr>",
             "Для начала, создайте элемент <code>h1</code> с текстом <code>Hello World</code>",
             "Затем присвойте всем элементам на вашей странице <code>зелёный</code> цвет путём добавления <code>color: green;</code> к свойствам, указанным в объявлении стилей для элемента <code>body</code>.",
-            "В завершении, присвойте вашему элементу <code>body</code> свойство семейства шрифтов равное <code>Monospace</code> путём добавления <code>font-family: Monospace;</code> к свойствам, указанным в объявлении стилей для элемента <code>body</code>."
+            "В завершении, присвойте вашему элементу <code>body</code> свойство семейства шрифтов равное <code>monospace</code> путём добавления <code>font-family: monospace;</code> к свойствам, указанным в объявлении стилей для элемента <code>body</code>."
           ]
         }
       }
@@ -2776,7 +2777,7 @@
         "<style>",
         "  body {",
         "    background-color: black;",
-        "    font-family: Monospace;",
+        "    font-family: monospace;",
         "    color: green;",
         "  }",
         "</style>",
@@ -2852,7 +2853,7 @@
         "<style>",
         "  body {",
         "    background-color: black;",
-        "    font-family: Monospace;",
+        "    font-family: monospace;",
         "    color: green;",
         "  }",
         "  .pink-text {",
@@ -2947,7 +2948,7 @@
         "<style>",
         "  body {",
         "    background-color: black;",
-        "    font-family: Monospace;",
+        "    font-family: monospace;",
         "    color: green;",
         "  }",
         "  .pink-text {",
@@ -3046,7 +3047,7 @@
         "<style>",
         "  body {",
         "    background-color: black;",
-        "    font-family: Monospace;",
+        "    font-family: monospace;",
         "    color: green;",
         "  }",
         "  #orange-text {",
@@ -3134,7 +3135,7 @@
         "<style>",
         "  body {",
         "    background-color: black;",
-        "    font-family: Monospace;",
+        "    font-family: monospace;",
         "    color: green;",
         "  }",
         "  #orange-text {",
diff --git a/challenges/01-responsive-web-design/basic-html-and-html5.json b/challenges/01-responsive-web-design/basic-html-and-html5.json
index 7f5fae51a1..11354456f6 100644
--- a/challenges/01-responsive-web-design/basic-html-and-html5.json
+++ b/challenges/01-responsive-web-design/basic-html-and-html5.json
@@ -616,12 +616,13 @@
       "description": [
         "You can add images to your website by using the <code>img</code> element, and point to a specific image's URL using the <code>src</code> attribute.",
         "An example of this would be:",
-        "<code>&#60img src=\"https://www.your-image-source.com/your-image.jpg\"&#62</code>",
+        "<code>&#60img src=\"https://www.your-image-source.com/your-image.jpg\" /&#62</code>",
         "Note that in most cases, <code>img</code> elements are self-closing.",
         "All <code>img</code> elements <strong>must</strong> have an <code>alt</code> attribute. The text inside an <code>alt</code> attribute is used for screen readers to improve accessibility and is displayed if the image fails to load.",
-        "Ideally the <code>alt</code> attribute should not contain special chars unless needed.",
+        "Note: If the image is purely decorative, using an empty <code>alt</code> attribute is a best practice.",
+        "Ideally the <code>alt</code> attribute should not contain special characters unless needed.",
         "Let's add an <code>alt</code> attribute to our <code>img</code> example above:",
-        "<code>&#60img src=\"https://www.your-image-source.com/your-image.jpg\" alt=\"Author standing on a beach with two thumbs up.\"&#62</code>",
+        "<code>&#60img src=\"https://www.your-image-source.com/your-image.jpg\" alt=\"Author standing on a beach with two thumbs up.\" /&#62</code>",
         "<hr>",
         "Let's try to add an image to our website:",
         "Insert an <code>img</code> tag, before the <code>h2</code> element.",