diff --git a/curriculum/challenges/english/01-responsive-web-design/basic-css/add-borders-around-your-elements.english.md b/curriculum/challenges/english/01-responsive-web-design/basic-css/add-borders-around-your-elements.english.md index 052df8d144..7b3e5b360c 100644 --- a/curriculum/challenges/english/01-responsive-web-design/basic-css/add-borders-around-your-elements.english.md +++ b/curriculum/challenges/english/01-responsive-web-design/basic-css/add-borders-around-your-elements.english.md @@ -8,7 +8,7 @@ videoUrl: 'https://scrimba.com/c/c2MvnHZ' ## Description
-CSS borders have properties like style, color and width +CSS borders have properties like style, color and width. For example, if we wanted to create a red, 5 pixel border around an HTML element, we could use this class:
<style>
  .thin-red-border {
    border-color: red;
    border-width: 5px;
    border-style: solid;
  }
</style>
diff --git a/curriculum/challenges/english/01-responsive-web-design/basic-css/adjust-the-padding-of-an-element.english.md b/curriculum/challenges/english/01-responsive-web-design/basic-css/adjust-the-padding-of-an-element.english.md index 2c4552131e..785f35e6e8 100644 --- a/curriculum/challenges/english/01-responsive-web-design/basic-css/adjust-the-padding-of-an-element.english.md +++ b/curriculum/challenges/english/01-responsive-web-design/basic-css/adjust-the-padding-of-an-element.english.md @@ -13,7 +13,7 @@ You may have already noticed this, but all HTML elements are essentially little Three important properties control the space that surrounds each HTML element: padding, margin, and border. An element's padding controls the amount of space between the element's content and its border. Here, we can see that the blue box and the red box are nested within the yellow box. Note that the red box has more padding than the blue box. -When you increase the blue box's padding, it will increase the distance(padding) between the text and the border around it. +When you increase the blue box's padding, it will increase the distance (padding) between the text and the border around it. ## Instructions diff --git a/curriculum/challenges/english/01-responsive-web-design/basic-css/import-a-google-font.english.md b/curriculum/challenges/english/01-responsive-web-design/basic-css/import-a-google-font.english.md index ea1922229d..7c38dff344 100644 --- a/curriculum/challenges/english/01-responsive-web-design/basic-css/import-a-google-font.english.md +++ b/curriculum/challenges/english/01-responsive-web-design/basic-css/import-a-google-font.english.md @@ -10,7 +10,7 @@ videoUrl: 'https://scrimba.com/c/cM9MRsJ' 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. Google Fonts is a free library of web fonts that you can use in your CSS by referencing the font's URL. 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 Lobster font. To do this, copy the following code snippet and paste it into the top of your code editor(before the opening style element): +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 Lobster font. To do this, copy the following code snippet and paste it into the top of your code editor (before the opening style element): <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css"> Now you can use the Lobster font in your CSS by using Lobster as the FAMILY_NAME as in the following example:
font-family: FAMILY_NAME, GENERIC_NAME;. 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.