responsive
This commit is contained in:
parent
e384f074e2
commit
913f3b1aac
File diff suppressed because one or more lines are too long
@ -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): ?>
|
||||
|
@ -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 */
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user