diff --git a/src/layouts/home.njk b/src/layouts/home.njk index 664de036e6dada105edf79e6eaf021e6e8505292..cb382a31b42720322304da6a3d016f651c472cd0 100644 --- a/src/layouts/home.njk +++ b/src/layouts/home.njk @@ -44,7 +44,7 @@ <section class="section-partners"> <h2 class="section-title">we work with</h2> - <ul> + <ul class="sponsors"> {% for item in sponsors.entities %} <li class="sponsorLogo"> <a target="_blank" href="{{item.url}}"> diff --git a/static/css/theme-coko/main.css b/static/css/theme-coko/main.css index a53b3e1c2f2491219be18c9b0fcfed334403225e..4d9bd1f56f97d9f1ba4f506f5d8cf53dd55ec68d 100644 --- a/static/css/theme-coko/main.css +++ b/static/css/theme-coko/main.css @@ -664,3 +664,18 @@ footer section.infos a:hover { margin: 2em auto; text-align:right; } +.sponsors { +list-style-type: none; +display: grid; +grid-template-columns: repeat(4, minmax(1px, 1fr)); +} + +.sponsors li { + padding: 2em; +} + +.sponsors li img { + max-width: 100%; + max-height: 100%; + object-fit: contain; +}