Responsive tweaks

This commit is contained in:
Oliver Davies 2019-04-25 22:24:31 +02:00
parent ed09e22061
commit 9e9ce86454
2 changed files with 4 additions and 4 deletions

View file

@ -1,7 +1,7 @@
<div class="tw-mb-4">
<h3>{{ name }}</h3>
<div class="tw-flex tw-flex-row-reverse tw--mx-4">
<div class="tw-flex tw-flex-col-reverse md:tw-flex-row-reverse tw--mx-4">
<div class="tw-flex-1 tw-px-4">
{% if description %}
<div>
@ -17,8 +17,8 @@
</div>
{% if logo %}
<div class="tw-flex-none tw-px-4 tw-w-1/4">
<img src="/images/sponsors/{{ logo }}" alt="{{ name }} logo" class="tw-max-w-full">
<div class="tw-flex-none tw-px-4 tw-mb-3 md:tw-mb-0 tw-w-full md:tw-w-1/4">
<img src="/images/sponsors/{{ logo }}" alt="{{ name }} logo" class="tw-w-48 md:tw-w-auto tw-max-w-full">
</div>
{% endif %}
</div>

View file

@ -15,7 +15,7 @@ title: Sponsors
<div class="{{ level == 'gold' ? '' : 'tw-flex tw-flex-wrap tw--mx-2' }}">
{% for sponsor in sponsors %}
<article class="{{ level == 'gold' ? 'tw-w-full' : 'tw-w-1/6 tw-px-2 tw-mb-6' }}">
<article class="{{ level == 'gold' ? 'tw-w-full' : 'tw-w-1/2 md:tw-w-1/4 lg:tw-w-1/6 tw-px-2 tw-mb-6' }}">
{% set template = (level == 'gold') ? 'sponsors/full' : 'sponsors/teaser' %}
{% include template with {
description: sponsor.description,