From 5ca5dab1b1734b73e64b50c1f4b11ed134a2c74f Mon Sep 17 00:00:00 2001
From: Shaun McCance <shaunm@redhat.com>
Date: Jan 11 2023 14:57:05 +0000
Subject: Improved mobile rendering


---

diff --git a/connect.css b/connect.css
index 02945f5..97a158f 100644
--- a/connect.css
+++ b/connect.css
@@ -195,6 +195,20 @@ tr.break td {
   height: 200px;
   border-radius: 20px;
 }
+@media (max-width: 600px) {
+  .speaker {
+    grid-template-columns: 100px 1fr;
+    column-gap: 20px;
+  }
+  .speakerimg {
+    width: 100px;
+    height: 100px;
+  }
+  .speakerimg img {
+    width: 100px;
+    height: 100px;
+  }
+}
 h3 {
   font-weight: 200;
   font-size: 30px;
diff --git a/index.html b/index.html
index cb51ff7..eacc29a 100644
--- a/index.html
+++ b/index.html
@@ -100,18 +100,16 @@ To report violations or for any concerns, contact either the Community Architect
 
 <section id="stickers">
 <h2>Badge Stickers</h2>
-  <div style="display: grid; grid-template-columns:100px 1fr;column-gap:20px;margin:20px 0 0 20px;">
-    <div><img src="badge.png" style="box-shadow:2px 2px 4px rgba(18,1,31,.6);"></div>
-    <div>
-      <p>Our badges have space for stickers so people can show what projects
-        they work on. If your project is in the CentOS ecosystem, feel free
-        to bring some stickers and we'll put them out. The stickers must fit
-        inside a one-inch square. We used these
-        <a href="https://www.stickermule.com/products/die-cut-sheet-labels">die-cut
-          sheet labels</a> at 1"x1" from Sticker Mule, but you can use any vendor,
-        as long as the stickers fit.</p>
-    </div>
-  </div>
+<div>
+<img src="badge.png" style="box-shadow:2px 2px 4px rgba(18,1,31,.6); float:right; margin:0 0 20px 20px">
+<p>Our badges have space for stickers so people can show what projects
+  they work on. If your project is in the CentOS ecosystem, feel free
+  to bring some stickers and we'll put them out. The stickers must fit
+  inside a one-inch square. We used these
+  <a href="https://www.stickermule.com/products/die-cut-sheet-labels">die-cut
+    sheet labels</a> at 1"x1" from Sticker Mule, but you can use any vendor,
+  as long as the stickers fit.</p>
+</div>
 </section>
 
 <section id="schedule">