Use floats for experience logos

assets/sass/components/_page-experience.sass

@@ -2,9 +2,6 @@
     margin-bottom: $padding-large-vertical * 3
     +clearfix
 
-.experience-item-inner
-    flex: 1 1 100%
-
 .experience-item-website
     display: inline-block
     margin-bottom: 2px
@@ -14,9 +11,13 @@
     margin-bottom: .625rem
 
 .experience-item-logo
-    flex: 1 3 250px
+    float: right
-    margin-left: 1.5em
+    margin: 25px 0 1em 1.5em
-    margin-top: 25px
+    max-width: 25%
+    +from(500px)
+        max-width: 20%
+    +desktop
+        max-width: 15%
 
     img
         height: auto

source/_partials/experience/item.twig

@@ -1,10 +1,11 @@
 {% set classes = [
     'experience-item',
-    'is-flex',
     company.logo ? 'has-logo',
 ] %}
 
 <div class="{{ classes|join(' ')|trim }}">
+    {{ include('experience/logo') }}
+
     <div class="experience-item-inner">
         <h2>{{ company.name }}</h2>
 
@@ -12,6 +13,4 @@
         {{ include('experience/role') }}
         {{ include('experience/description') }}
     </div>{# /.inner #}
-
-    {{ include('experience/logo') }}
 </div>