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>