Merge branch 'master' of https://github.com/mdn/css-examples

rachelandrew · rachelandrew · commit ebcee7861377 · 2019-08-12T11:52:09.000+01:00
diff --git a/learn/getting-started/experiment-sandbox.html b/learn/getting-started/experiment-sandbox.html
@@ -0,0 +1,42 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <title>Unstyled example</title>
+    <link rel="stylesheet" href="../styles.css">
+
+
+    <style class="editable">
+    /* Create your test CSS here */
+
+    p {
+      color: red;
+    }
+    </style>
+</head>
+
+<body>
+    <section class="preview">
+        <p>Create your test HTML here</p>
+    </section>
+
+    <textarea class="playable playable-css" style="height: 160px;">
+/* Create your test CSS here */
+
+p {
+  color: red;
+}
+    </textarea>
+
+    <textarea class="playable playable-html" style="height: 160px;">
+<p>Create your test HTML here</p>
+    </textarea>
+
+    <div class="playable-buttons">
+        <input id="reset" type="button" value="Reset">
+    </div>
+</body>
+<script src="../playable.js"></script>
+
+</html>
diff --git a/learn/values-units/em-rem.html b/learn/values-units/em-rem.html
@@ -12,15 +12,15 @@
 
     <style class="editable">
       html {
-        font-size: 0.8em;
+        font-size: 16px;
       }
 
       .ems li {
-        font-size: 1.5em;
+        font-size: 1.3em;
       }
 
       .rems li {
-        font-size: 1.5rem;
+        font-size: 1.3rem;
       }
     </style>
   </head>
@@ -64,15 +64,15 @@
 
     <textarea class="playable playable-css" style="height: 280px;">
 html {
-  font-size: .8em;
+  font-size: 16px;
 }
 
 .ems li {
-  font-size: 1.5em;
+  font-size: 1.3em;
 }
 
 .rems li {
-  font-size: 1.5rem;
+  font-size: 1.3rem;
 }
 
 
@@ -92,7 +92,7 @@
       </li>
     </ul>
   </li>
-</ul>  
+</ul>
 
 <ul class="rems">
   <li>One</li>
