Multiple copies of the emulator on a page

2023-01-28 22:29:37 -06:00
parent c825e6d727
commit 7e969f1469
4 changed files with 57 additions and 16 deletions
@@ -1,13 +1,24 @@
 body {
    display: grid;
-    grid-template-columns: 1fr auto 1fr;
+    grid-template-columns: 1fr 50% 1fr;
    grid-template-rows: 2em auto;
    background: #777777;
 }
-.react-root {
+
+.main {
    grid-area: 2 / 2 / 3 / 3;
 }

+.main .snippet {
+    display: grid;
+    grid-template-rows: auto;
+    grid-template-columns: 1fr auto 1fr;
+}
+
+.snippet .snippetEmulator {
+    grid-area: 1 / 2 / 2 / 3;
+}
+
 .snippetEmulator {
    display: grid;
    grid-template-rows: 10em 1em 1em 2em;