Added a missing space and period in basic-css challenge files (#20480)

* Added missing space

* Added missing period in add-borders-around-your-elements.md

* Added missing space in adjust-the-padding-of-an-element.english.md

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
 <section id='description'>
-CSS borders have properties like <code>style</code>, <code>color</code> and <code>width</code>
+CSS borders have properties like <code>style</code>, <code>color</code> and <code>width</code>.
 For example, if we wanted to create a red, 5 pixel border around an HTML element, we could use this class:
 <blockquote>&#60;style&#62;<br>&nbsp;&nbsp;.thin-red-border {<br>&nbsp;&nbsp;&nbsp;&nbsp;border-color: red;<br>&nbsp;&nbsp;&nbsp;&nbsp;border-width: 5px;<br>&nbsp;&nbsp;&nbsp;&nbsp;border-style: solid;<br>&nbsp;&nbsp;}<br>&#60;/style&#62;</blockquote>
 </section>

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: <code>padding</code>, <code>margin</code>, and <code>border</code>.
 An element's <code>padding</code> controls the amount of space between the element's content and its <code>border</code>.
 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 <code>padding</code> than the blue box.
-When you increase the blue box's <code>padding</code>, it will increase the distance(<code>padding</code>) between the text and the border around it.
+When you increase the blue box's <code>padding</code>, it will increase the distance (<code>padding</code>) between the text and the border around it.
 </section>
 
 ## Instructions

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.
 <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.
 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):
+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.