diff --git a/blog/rust-crates-go-stdlib-2020-09-27.markdown b/blog/rust-crates-go-stdlib-2020-09-27.markdown
index f44b9e7..ac6f98e 100644
--- a/blog/rust-crates-go-stdlib-2020-09-27.markdown
+++ b/blog/rust-crates-go-stdlib-2020-09-27.markdown
@@ -26,7 +26,7 @@ levels and context-aware values.
 
 In Rust, we have the [`log`](https://docs.rs/log/) crate which is a very simple
 interface. It uses the `error!`, `warn!`, `info!`, `debug!` and `trace!` macros
-which correlate to the highest and lowest levers. If you want to use `log` in a
+which correlate to the highest and lowest levels. If you want to use `log` in a
 Rust crate, you can add it to your `Cargo.toml` file like this:
 
 ```toml
@@ -49,7 +49,7 @@ fn main() {
 ```
 
 [Wait, where does that log to? I ran that example locally but I didn't see any
-of the messages anywhere](conversation://Mara/wat)
+of the messages anywhere.](conversation://Mara/wat)
 
 This is because the `log` crate doesn't directly log anything anywhere, it is a
 facade that other packages build off of.
diff --git a/css/shim.css b/css/shim.css
index 6cca7ab..dae9813 100644
--- a/css/shim.css
+++ b/css/shim.css
@@ -18,3 +18,12 @@ img {
 	max-width: 100%;
 	padding: 1em;
 }
+
+.conversation {
+  display: flex;
+}
+
+.conversation-picture {
+  flex: 1;
+  max-width: calc((70rem - 2rem)/6);
+}
diff --git a/templates/mara.rs.html b/templates/mara.rs.html
index 1786d6f..a8f69a3 100644
--- a/templates/mara.rs.html
+++ b/templates/mara.rs.html
@@ -1,21 +1,17 @@
 @(mood: &str, character: &str, message: Html<String>)
-<div class="grid conversation">
-    <div class="cell -2of12">
-        <div class="content">
-            <picture>
-                <source srcset="https://cdn.christine.website/file/christine-static/stickers/@character.to_lowercase()/@(mood).webp" height="75%" width="75%" type="image/webp">
-                <img src="https://cdn.christine.website/file/christine-static/stickers/@character.to_lowercase()/@(mood).png" height="75%" width="75%" alt="@character is @mood">
-            </picture>
-        </div>
+<div class="conversation">
+    <div class="conversation-picture"
+        <picture>
+            <source srcset="https://cdn.christine.website/file/christine-static/stickers/@character.to_lowercase()/@(mood).webp" type="image/webp">
+            <img src="https://cdn.christine.website/file/christine-static/stickers/@character.to_lowercase()/@(mood).png" alt="@character is @mood">
+        </picture>
     </div>
-    <div class="cell -10of12">
-        <div class="content">
-            <p>
-                <b>@character</b>
-            </p>
-            <blockquote>
-                @message
-            </blockquote>
-        </div>
+    <div>
+        <p>
+            <b>@character</b>
+        </p>
+        <blockquote>
+            @message
+        </blockquote>
     </div>
 </div>