Fix experience layout

assets/sass/pages/_experience.sass

@@ -2,6 +2,9 @@
     margin-bottom: $padding-large-vertical * 3
     +clearfix
 
+    .inner
+        flex: 1
+
     &__website
         display: inline-block
         margin-bottom: 2px
@@ -25,10 +28,3 @@
     +breakpoint(30rem)
         &__logo
             max-width: 15%
-
-.experience.has-logo
-    display: flex
-    justify-content: flex-start
-
-    .inner
-        flex: 1

source/_partials/experience-item.twig

@@ -1,17 +1,12 @@
 {% set classes = [
     'experience',
+    'is-flex',
     company.logo ? 'has-logo',
     experience.featured ? 'is-featured',
 ] %}
 
 <div class="{{ classes|sort|join(' ') }}">
     <div class="inner">
-        {% if company.logo %}
-            <div class="experience__logo">
-                <img src="{{ site.images_url }}/assets/images/experience/{{ company.logo }}" alt="{{ company.name }} logo">
-            </div>
-        {% endif %}
-
         <h2>{{ company.name }}</h2>
 
         {% if company.website %}
@@ -33,4 +28,10 @@
             {{ experience.description|raw }}
         </div>
     </div>{# /.inner #}
+
+    {% if company.logo %}
+        <div class="experience__logo">
+            <img src="{{ site.images_url }}/assets/images/experience/{{ company.logo }}" alt="{{ company.name }} logo">
+        </div>
+    {% endif %}
 </div>