Ajouter la page concept, améliorer la bannière, ajouter pages contact et concept au menu et ajouter la condition d'inscription pour plus de 18 ans
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
import imgContact from '../assets/img/img-contact.jpg'
|
||||
import imgContact from '../assets/img/img-contact.webp'
|
||||
|
||||
export default function Contact() {
|
||||
return (
|
||||
@@ -58,8 +58,14 @@ export default function Contact() {
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Image */}
|
||||
<section className="rounded-2xl shadow overflow-hidden min-h-80">
|
||||
{/* Image : hauteur fixe en empilement mobile (h-64/h-80), puis à partir de md, où
|
||||
les deux blocs deviennent des colonnes de grille, h-full + min-h-0 pour que
|
||||
l'image s'étire exactement à la hauteur de la colonne texte (déterminée par son
|
||||
propre contenu) au lieu d'imposer la sienne via son ratio d'aspect — min-h-0
|
||||
annule le min-height: auto par défaut des enfants de grille qui, sinon,
|
||||
empêcherait l'image de se réduire en dessous de sa hauteur intrinsèque.
|
||||
object-cover recadre l'excédent. */}
|
||||
<section className="rounded-2xl shadow overflow-hidden h-64 sm:h-80 md:h-full md:min-h-0">
|
||||
<img
|
||||
src={imgContact}
|
||||
alt="Une personne savourant un thé"
|
||||
|
||||
Reference in New Issue
Block a user