Resolve "Add CheatSheet form on internal page"

Closes #63 (closed)

src/components/OLD_TextRight.module.css

+/* faire un commit avec nettoyage du code, pure 
+   faire un commit GAUCHE / DROITE */
+li::marker {
+    color: var(--ifm-color-dark-green);
+}
+
+.img_text {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    margin-top: 3%;
+}
+/* 
+.img_form {
+    width: 20rem;
+    height: auto;
+} */
+
+@media screen and (max-width:1450px)  {
+    .img_text {
+      display: flex;
+      flex-direction: column;
+      padding: 10rem;
+      margin-top: -20%;
+      align-items: center;
+      justify-content: center;
+    }
+
+    /* .img_form {
+        width: 30rem;
+        height: auto;
+    } */
+}
+  
+@media screen and (max-width:1024px) {
+    .img_text {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .blockquote {
+        width: 40rem;
+    }
+}
+
+@media screen and (max-width:830px) {
+    form > input { 
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .img_text {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-top: -10%;
+    }
+/* 
+    .img_form {
+        max-width: 130%;
+    } */
+} 
+
+@media screen and (max-width:760px) {
+  .form > .input {
+        width: 20%;
+        height: auto;
+    }
+
+    .img_text {
+        margin-top: -10%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    /* .img_form {
+        max-width: 130%;
+    } */
+}
+
+@media screen and (max-width:710px) {
+    h1 {
+        font-size: x-large;
+    }
+
+    /* .img_form {
+        max-width: 30rem;
+        margin-top: -70px;
+    } */
+
+    form {
+        width: 90%;
+        height: auto;
+    }
+}
+
+@media screen and (min-width:600px) and (max-width:710px){
+    /* .img_form {
+        width: 20rem;
+        margin-top: -70px;
+    } */
+}
+
+@media screen and (min-width:320px) {
+    /* .img_form {
+        width: 20rem;
+        height: auto;
+    } */
+
+    h1 {
+        display: block;
+        justify-content: center;
+    }
+}