chore(css) add newlines to HTML EoF, add language to info strings in markdown

Author: bsmth

learn/inspecting/inspecting.html

@@ -79,4 +79,4 @@
   </div>
 </body>
 
-</html>
+</html>

learn/media-queries/grid.html

@@ -213,4 +213,4 @@ <h2>External vegetable-based links</h2>
   </div>
 </body>
 
-</html>
+</html>

learn/media-queries/step1.html

@@ -141,4 +141,4 @@ <h2>External vegetable-based links</h2>
   </div>
 </body>
 
-</html>
+</html>

learn/media-queries/step2.html

@@ -157,4 +157,4 @@ <h2>External vegetable-based links</h2>
   </div>
 </body>
 
-</html>
+</html>

learn/media-queries/step3.html

@@ -174,4 +174,4 @@ <h2>External vegetable-based links</h2>
   </div>
 </body>
 
-</html>
+</html>

learn/solutions.md

@@ -10,7 +10,7 @@ Task: Write a declaration in a new rule that will reset the background color bac
 
 One possible solution is as follows:
 
-```
+```css
 #outer #inner a {
   background-color: initial;
 }
@@ -28,7 +28,7 @@ Task: Target the `<a>` element with a title attribute and make the border pink (
 
 To select elements with a title attribute we can add `title` inside the square brackets, which will select the second link, which is the only one with a title attribute.
 
-```
+```css
 a[title] {
   border-color: pink;
 }
@@ -38,7 +38,7 @@ Target the `<a>` element with an href attribute which contains the word contact
 
 There are two things we want to match here, the href value "/contact" and also "../contact". So we need to match the string "contact" anywhere in the value using `*=`. This will select the third and fourth links.
 
-```
+```css
 a[href*="contact"] {
   border-color: orange;
 }
@@ -48,7 +48,7 @@ Target the `<a>` element with an href value starting with https and give it a gr
 
 Here we can look for an href value which starts with "https" and so use `^=`, this will only select the first link.
 
-```
+```css
 a[href^="https"] {
   border-color: green;
 }
@@ -60,7 +60,7 @@ a[href^="https"] {
 
 Task: Change the size of the second box (by adding CSS to the .alternate class) to make it match the first box in width and height.
 
-```
+```css
 .alternate {
   box-sizing: border-box;
   width: 390px;
@@ -74,7 +74,7 @@ You will need to increase the height and width of the second block, to add the s
 
 To style the box we add a border, using the `border` property. Round the corners with `border-radius` and then add the background image setting the size to `contain`.
 
-```
+```css
 .box {
   border: 5px solid #000;
   border-radius: 10px;
@@ -85,7 +85,7 @@ To style the box we add a border, using the `border` property. Round the corners
 
 We've used {{CSSXref("color_value/rgb", "rgb()")}} colors to add a background color to the heading which is semi-transparent.
 
-```
+```css
 h2 {
   background-color: rgb(0 0 0 50%);
   color: white;

learn/tasks/backgrounds/marking.md

@@ -6,7 +6,7 @@ The aim of the tasks are to demonstrate an understanding of the properties cover
 
 This task covers understanding of `border`, `border-radius`, `background-image`, and `background-size`. Also, it checks that the student understands how to use RGB colors to make a background color partly transparent.
 
-```
+```css
 .box {
   border: 5px solid #000;
   border-radius: 10px;
@@ -33,7 +33,7 @@ There are also some elements which link back to earlier lessons:
 - They need to add padding to the heading in order that it doesn't overlay the star image - this links back to learning from the earlier Box Model lesson.
 - The text with be aligned with the `text-align` property.
 
-```
+```css
 .box {
   border: 5px solid lightblue;
   border-top-left-radius: 20px;

learn/tasks/float/float3-download.html

@@ -52,4 +52,4 @@
   </div>
 </body>
 
-</html>
+</html>

learn/tasks/float/float3.html

@@ -73,4 +73,4 @@
 </body>
 <script src="../playable.js"></script>
 
-</html>
+</html>

learn/tasks/grid/grid2-download.html

@@ -55,4 +55,4 @@
   </div>
 </body>
 
-</html>
+</html>

learn/tasks/grid/grid2.html

@@ -79,4 +79,4 @@
 </body>
 <script src="../playable.js"></script>
 
-</html>
+</html>

learn/tasks/position/position1-download.html

@@ -52,4 +52,4 @@
   </div>
 </body>
 
-</html>
+</html>

learn/tasks/position/position1.html

@@ -70,4 +70,4 @@
 </body>
 <script src="../playable.js"></script>
 
-</html>
+</html>

learn/tasks/position/position2-download.html

@@ -76,4 +76,4 @@
   </div>
 </body>
 
-</html>
+</html>

learn/tasks/values/marking.md

@@ -6,7 +6,7 @@ The student needs to take a color which is a hex code and add the same color to
 
 They have a link to [a color conversion tool](https://convertingcolors.com/hex-color-86DEFA.html), so they just need to know what the different values look like.
 
-```
+```css
 .hex {
   background-color: #86DEFA;
 }
@@ -28,7 +28,7 @@ They have a link to [a color conversion tool](https://convertingcolors.com/hex-c
 
 The student is asked to use a variety of length units to size some boxes.
 
-```
+```css
 h1 {
  font-size: 50px;
 }
@@ -50,7 +50,7 @@ h1+p {
 
 In this task the students needs to use a keyword and a percentage to change the position of the background image.
 
-```
+```css
 .box {
   background-image: url(star.png);
   background-repeat: no-repeat;

learn/values-units/color-hsl.html

@@ -67,4 +67,4 @@
 </body>
 <script src="../playable.js"></script>
 
-</html>
+</html>

learn/values-units/color-rgba.html

@@ -72,4 +72,4 @@
 </body>
 <script src="../playable.js"></script>
 
-</html>
+</html>

learn/values-units/image.html

@@ -56,4 +56,4 @@
 </body>
 <script src="../playable.js"></script>
 
-</html>
+</html>