diff --git a/src/agenda_culturel/static/style.scss b/src/agenda_culturel/static/style.scss
index bc1d223..a8aeb12 100644
--- a/src/agenda_culturel/static/style.scss
+++ b/src/agenda_culturel/static/style.scss
@@ -153,18 +153,25 @@ footer {
     clear: both;
 }
 
-.infos-and-buttons {
-    display: flex;
-    flex-direction: row;
-    align-items: stretch;
-}
 
-.infos-and-buttons .infos {
-    flex: 50;
-}
 
-.infos-and-buttons .buttons {
-    flex: auto;
+@media only screen and (min-width: 992px) {
+
+    .infos-and-buttons {
+        display: flex;
+        flex-direction: row;
+        align-items: stretch;
+    }
+
+
+
+    .infos-and-buttons .infos {
+        flex: 50;
+    }
+
+    .infos-and-buttons .buttons {
+        flex: auto;
+    }
 }
 
 article.day {
diff --git a/src/agenda_culturel/templates/agenda_culturel/event-inc.html b/src/agenda_culturel/templates/agenda_culturel/event-inc.html
index 9162bb3..88e038a 100644
--- a/src/agenda_culturel/templates/agenda_culturel/event-inc.html
+++ b/src/agenda_culturel/templates/agenda_culturel/event-inc.html
@@ -3,12 +3,6 @@
 {% load utils_extra %}
 {% load event_extra %}
 
-{% comment %}
-    TODO: 
-    * utiliser flex plutôt que float pour l'image et pour la date
-    * gérer le flex des boutons dans le cas de petits écrans 
-{% endcomment %}
-
 <article>
     {% if display in "in list by day" %}
     {% if display == "in list by day" and event|can_show_start_time %}