Use flex shrink to resize logos

This commit is contained in:
Oliver Davies 2017-04-16 09:22:49 +01:00
parent fe415f0619
commit f66778a468
2 changed files with 5 additions and 4 deletions

View file

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

View file

@ -5,7 +5,7 @@
] %}
<div class="{{ classes|join(' ')|trim }}">
<div class="experience-item-inner flex">
<div class="experience-item-inner">
<h2>{{ company.name }}</h2>
{{ include('experience/website') }}