From b8b92361dabdec223285ca0fa77a6011217fd34f Mon Sep 17 00:00:00 2001
From: Oliver Davies <opdavies@gmail.com>
Date: Tue, 13 Feb 2018 19:07:43 +0000
Subject: [PATCH] Update talks page mobile styling

---
 source/talks.html.twig | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/source/talks.html.twig b/source/talks.html.twig
index 89026ef7..40125f17 100644
--- a/source/talks.html.twig
+++ b/source/talks.html.twig
@@ -7,8 +7,8 @@ use: [talks]
 ---
 {% block content %}
     {% for talk in data.talks %}
-        <div class="flex flex-row-reverse -mx-2 mb-12">
-            <div class="flex-1 mx-2">
+        <div class="sm:flex sm:flex-row-reverse sm:-mx-2 mb-12 sm:mb-12">
+            <div class="sm:flex-1 sm:mx-2">
                 <h2>
                     <a href="{{ talk.url }}">
                         {{ talk.title }}
@@ -21,7 +21,7 @@ use: [talks]
             </div>
 
             {% if talk.image %}
-                <div class="w-1/4 mx-2">
+                <div class="hidden sm:block sm:w-1/5 md:w-1/4 sm:mx-2">
                     <img
                         src="/assets/images/talks/{{ talk.image }}"
                         alt="{{ talk.title }}"