From 5bc27092316b9f2ca58c7aaeb2532369f047ea36 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kevin=20Midb=C3=B8e?= <kevin.midboe@gmail.com>
Date: Sun, 24 Nov 2019 21:25:26 +0100
Subject: [PATCH] Align movie attributes with flex instead of float

---
 src/components/Movie.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/Movie.vue b/src/components/Movie.vue
index 17fa1a0..d435465 100644
--- a/src/components/Movie.vue
+++ b/src/components/Movie.vue
@@ -421,15 +421,19 @@ export default {
       font-size: 13px;
       line-height: 1.8;
       margin-bottom: 20px;
+      flex: 0 0 100%;
+
       @include tablet-min {
         margin-bottom: 30px;
         font-size: 14px;
       }
     }
     &__details {
-      &-block {
-        float: left;
-      }
+      display: flex;
+      width: 100%;
+      flex-direction: row;
+      flex-wrap: wrap;
+
       &-block:not(:last-child) {
         margin-bottom: 20px;
         margin-right: 20px;