Merge branch 'mdn:main' into main

Author: ShubhamOulkar

backdrop/index.html

@@ -20,8 +20,7 @@
         controls
         src="https://archive.org/download/BigBuckBunny_124/Content/big_buck_bunny_720p_surround.mp4"
         poster="https://peach.blender.org/wp-content/uploads/title_anouncement.jpg?x11217"
-        width="620"
-      >
+        width="620">
         Sorry, your browser doesn't support embedded videos. Time to upgrade!
       </video>
     </section>

backdrop/script.js

@@ -36,7 +36,7 @@ function toggleFullscreen() {
   if (!document.fullscreenElement) {
     elem
       .requestFullscreen()
-      .then({})
+      .then(() => {})
       .catch((err) => {
         alert(
           `Error attempting to enable full-screen mode: ${err.message} (${err.name})`,

counter-style-demo/css/style.css

@@ -28,7 +28,7 @@ body {
 .header h1 {
   margin: 0;
   padding: 0;
-  font-family: Ubuntu, Arial, Tahoma, "Sans Serif";
+  font-family: Ubuntu, Arial, Tahoma, sans-serif;
 }
 
 .header {
@@ -41,7 +41,7 @@ body {
 .notes-section {
   margin: 10px;
   color: #4d4e53;
-  font-family: Ubuntu, Arial, Tahoma, "Sans Serif";
+  font-family: Ubuntu, Arial, Tahoma, sans-serif;
   float: left;
 }
 

css-cookbook/list-group-badges.html

@@ -72,7 +72,8 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
-}</textarea>
+}</textarea
+    >
 
     <textarea class="playable playable-html" style="height: 270px">
 <ul class="list-group">

css-cookbook/sharp-account_box-24px.svg

@@ -37,7 +37,8 @@
   inline-size: 150px;
   overflow-wrap: break-word;
   hyphens: manual;
-}</textarea>
+}</textarea
+    >
 
     <textarea class="playable playable-html" style="height: 150px">
 <div class="box">

css-text/hyphens.html

@@ -35,9 +35,10 @@
 .box {
   inline-size: 150px;
   overflow: hidden;
-}</textarea>
+}</textarea
+    >
 
-    <textarea class="playable playable-html" style="height: 150px;">
+    <textarea class="playable playable-html" style="height: 150px">
 <div class="box">
     Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch
 </div>

css-text/inline-overflow-hidden.html

@@ -33,7 +33,8 @@
     <textarea class="playable playable-css" style="height: 100px">
 .box {
   inline-size: 150px;
-}</textarea>
+}</textarea
+    >
 
     <textarea class="playable playable-html" style="height: 150px">
 <div class="box">

css-text/inline-overflow.html

@@ -33,7 +33,8 @@
     <textarea class="playable playable-css" style="height: 100px">
 .box {
   inline-size: min-content;
-}</textarea>
+}</textarea
+    >
 
     <textarea class="playable playable-html" style="height: 150px">
 <div class="box">

css-text/min-content.html

@@ -35,7 +35,8 @@
 .box {
   inline-size: 150px;
   overflow-wrap: break-word;
-}</textarea>
+}</textarea
+    >
 
     <textarea class="playable playable-html" style="height: 150px">
 <div class="box">