diff --git a/assets/sass/components/_page-experience.sass b/assets/sass/components/_page-experience.sass index 7c4bd94b..f278674e 100644 --- a/assets/sass/components/_page-experience.sass +++ b/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 - margin-left: 1.5em - margin-top: 25px + float: right + margin: 25px 0 1em 1.5em + max-width: 25% + +from(500px) + max-width: 20% + +desktop + max-width: 15% img height: auto diff --git a/source/_partials/experience/item.twig b/source/_partials/experience/item.twig index 415d6d6b..b287800f 100644 --- a/source/_partials/experience/item.twig +++ b/source/_partials/experience/item.twig @@ -1,10 +1,11 @@ {% set classes = [ 'experience-item', - 'is-flex', company.logo ? 'has-logo', ] %}
+ {{ include('experience/logo') }} +

{{ company.name }}

@@ -12,6 +13,4 @@ {{ include('experience/role') }} {{ include('experience/description') }}
{# /.inner #} - - {{ include('experience/logo') }}