Use flex shrink to resize logos
This commit is contained in:
parent
fe415f0619
commit
f66778a468
|
@ -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
|
||||
|
|
|
@ -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') }}
|
||||
|
|
Loading…
Reference in a new issue