diff --git a/index.php b/index.php
index 2aa32ab..a983c09 100644
--- a/index.php
+++ b/index.php
@@ -3,10 +3,6 @@
const HAUTEUR_PAR_DEFAUT = 6;
const LARGEUR_PAR_DEFAUT = 6;
-echo "\n";
-
$id = filter_input(INPUT_GET, 'grille', FILTER_VALIDATE_REGEXP, [
"options" => [
@@ -15,7 +11,7 @@ $id = filter_input(INPUT_GET, 'grille', FILTER_VALIDATE_REGEXP, [
]);
if (!$id) {
$_GET["grille"] = uniqid();
- header("Location: " . $_SERVER['REQUEST_URI'] . "?" . http_build_query($_GET));
+ header("Location: " . $_SERVER['DOCUMENT_URI'] . "?" . http_build_query($_GET));
exit;
}
@@ -50,6 +46,7 @@ $grille = new Grille($hauteur, $largeur, $id);
Mots croisés
+
diff --git a/style.css b/style.css
index f3ebfbf..7099531 100644
--- a/style.css
+++ b/style.css
@@ -32,14 +32,15 @@ table.grille {
margin: 0 auto;
}
-.grille th,
-.grille td {
- width: 30px;
+.grille th {
+ width: 25px;
height: 30px;
text-align: center;
}
.grille td {
+ width: 2rem;
+ height: 2rem;
border: 1px solid black;
padding: 2px;
font-family: 'Comic Sans MS', 'Comic Sans', cursive, sans;
@@ -115,4 +116,44 @@ button[type="submit"]:hover {
button[type="submit"]:active {
color: darkorchid;
-}
\ No newline at end of file
+}
+
+
+@media (max-width: 640px) {
+ * {
+ box-sizing: border-box;
+ }
+
+ body {
+ width: auto;
+ margin: 0;
+ padding: 0;
+ }
+
+
+ h1 table {
+ line-height: 0.7;
+ }
+
+ .grille td {
+ width: 2.5rem;
+ height: 2.5rem;
+ }
+
+ .definitions {
+ display: flex;
+ flex-flow: column;
+ }
+
+ .definitions .horizontales,
+ .definitions .verticales {
+ width: 100%;
+ }
+}
+
+@media (max-device-width:768px) and (orientation: landscape) {
+ html {
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ }
+}