responsive

This commit is contained in:
Fred Tempez 2023-07-14 18:14:00 +02:00
parent e384f074e2
commit 913f3b1aac
3 changed files with 9 additions and 2 deletions

File diff suppressed because one or more lines are too long

View File

@ -4,6 +4,7 @@
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Carte Sabradou</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="index.js"></script>
@ -16,7 +17,7 @@
<h1>GÉOLOCALISATION DES BROCANTES RÉFÉRENCÉES</h1>
<h2>SUR LE SITE <a href="https://www.sabradou.com/" target="_blank">SABRADOU.COM</a></h2>
<form if="form" action="index.php" method="GET">
<label for="calendrier">Brocantes du :</label>
<label for="calendrier">Géolocaliser les brocantes du </label>
<select name="calendrier" onchange="this.form.submit();" id="calendrier-list">
<?php $calendrier = getCalendrier(); ?>
<?php foreach ($calendrier as $item): ?>

View File

@ -40,6 +40,9 @@
.map-column, .cities-column {
flex: 100%; /* Occupe 100% de la largeur */
}
body, select, label, li {
font-size: 1.1em; /* Augmenter la taille du texte pour les écrans d'une largeur minimale de 1024px */
}
}
/* Pour les écrans de petite taille */
@ -47,4 +50,7 @@
.container {
flex-direction: column; /* Affiche les colonnes les unes au-dessus des autres */
}
body, select, label, li {
font-size: 1.2em; /* Augmenter la taille du texte pour les écrans d'une largeur minimale de 1024px */
}
}