fix: too large image for goodies and food illustrations on mobile

This commit is contained in:
mco-system 2023-05-13 09:51:45 +11:00
parent 3f9888d678
commit a4ebd66b1d
3 changed files with 14 additions and 8 deletions

View File

@ -48,6 +48,12 @@
color: var(--main-color);
cursor: pointer;
}
.goodies, .food {
text-align: justify;
}
.goodies_pic, .food_pic {
max-width: 7em;
}
}
@media screen and (max-width: 44em) {
@ -104,6 +110,6 @@
text-align: justify;
}
.goodies_pic, .food_pic {
max-width: 5em;
max-width: 4em;
}
}

View File

@ -9,28 +9,28 @@
<div class="content">
<h2>Gastronomie régionale et artisanat</h2>
<p class="food">
<img class="left"
<img class="left food_pic"
src="{{url_for('static', filename='images/fourmidable01.png')}}"
alt="Fourmidable!"
title="Fourmidable!">
Depuis 2020, l'association toulousaine <strong>Fourmidable!</strong>, œuvre pour promouvoir la gastronomie régionale et l'artisanat local. Cette initiative collective et solidaire s'est donnée pour mission de valoriser les produits locaux, de qualité et à petits prix.
</p>
<p class="food">
<img class="right"
<img class="right food_pic"
src="{{url_for('static', filename='images/fourmidable02.png')}}"
alt="Fourmidable!"
title="Fourmidable!">
En mai 2022, <strong>Fourmidable!</strong> inaugure une cuisine associative au sein de <a href="https://www.terresderencontres.fr/restofourmidable">l'espace Terres de Rencontres</a>. Une occasion pour les gourmands de découvrir une cuisine de qualité, élaborée avec des produits locaux et de saison.
</p>
<p class="food">
<img class="left"
<img class="left food_pic"
src="{{url_for('static', filename='images/fourmidable03.png')}}"
alt="Fourmidable!"
title="Fourmidable!">
Au menu, des plats du jour, des flammekueche, des sandwichs, des desserts, des boissons fermentées et bien d'autres délices. Pour <strong>Fourmidable!</strong>, il est essentiel de proposer des plats savoureux et sains, tout en préservant l'environnement et le circuit court. Les aliments sont donc rigoureusement sélectionnés auprès des producteurs locaux pour une cuisine éthique et responsable.
</p>
<p class="food">
<img class="right"
<img class="right food_pic"
src="{{url_for('static', filename='images/fourmidable04.png')}}"
alt="Fourmidable!"
title="Fourmidable!">

View File

@ -9,21 +9,21 @@
<div class="content" class="goodies">
<h2>Nous avons besoin de votre soutien</h2>
<p class="goodies">
<img class="left"
<img class="left goodies_pic"
src="{{ url_for('static', filename='images/stickers.webp') }}"
alt="Stickers"
title="Stickers">
Pour faire du <strong>Toulouse Hacker Space Factory</strong> un événement toujours différent des autres festivals <a href="https://www.leetchi.com/c/thsf23" target="_new">votre soutien financier</a> est nécessaire.
</p>
<p class="goodies">
<img class="right"
<img class="right goodies_pic"
src="{{ url_for('static', filename='images/tshirt.webp') }}"
alt="T-Shirt"
title="T-Shirt">
Pour faciliter la collecte des dons et vous remercier de votre participation, nous avons mis en place <a href="https://www.leetchi.com/c/thsf23" target="_new">une cagnote Leetchi</a> qui nous permettra de recenser les dons et vous permettra de suivre l'évolution du financement de notre festival.
</p>
<p class="goodies">
<img class="left"
<img class="left goodies_pic"
src="{{ url_for('static', filename='images/sweatshirt.webp') }}"
alt="Sweat shirt"
title="Sweat shirt">