Styling updates to keep code blocks side by each

PlayTechnique · Sep 7, 2024 · 97e38a8 · 97e38a8
1 parent 2da4b22
commit 97e38a8
Showing 1 changed file with 8 additions and 7 deletions.
diff --git a/content/projects/andrew/attributes-and-data.html b/content/projects/andrew/attributes-and-data.html
@@ -3,7 +3,8 @@
 <head>
     <script type="text/javascript" src="/main.js"></script>
     <title>attributes and data: parsing html in golang</title>
-    <meta name="andrew-publish-time" content="2024-04-21" </head>
+    <meta name="andrew-publish-time" content="2024-04-21" /> 
+</head>
 
 <body>
     <nav class="navigation">
@@ -107,10 +108,10 @@ <h2>What's  in these HTML nodes?</h2>
                     can have &lta namspace:href="foo"&gt</ul>
                 </p>
                 <p>
-                <div style="display: flex; flex-wrap: wrap; width: 100%;">
-                    <div style="flex: 1 1 50%; box-sizing: border-box; padding: 10px;">
+                <div class="side-by-side">
+                    <div>
                         <h3>title</h3>
-                        <pre><code>
+<pre><code>
 FirstChild: (*html.Node)(0x1400013a930)({
     Parent: (*html.Node)(0x1400013a8c0)(<already shown>),
     FirstChild: (*html.Node)(0x1400013a9a0)({
@@ -137,7 +138,7 @@ <h3>title</h3>
     }),
     </code></pre>
                     </div>
-                    <div style="flex: 1 1 50%; box-sizing: border-box; padding: 10px;">
+                    <div>
                         <h2>meta</h2>
                         <pre><code>
 FirstChild: (*html.Node)(0x14000166cb0)({
@@ -162,11 +163,11 @@ <h2>meta</h2>
         Val: (string) (len=11) "metacontent"
         }
     }
-    }),
+}),
 </code></pre>
                     </div>
                 </div>
-                <div style="clear: both;"></div>
+                <!-- <div style="clear: both;"></div> -->
                 <section id="explanation">
                     <h2>Description of the Differences</h2>
                     <h3>Title Element</h3>