From be47beb29f17f4b95fcddafa6169aa4c34974c0e Mon Sep 17 00:00:00 2001
From: Maxime Lalo <maxime.lalo.pro@gmail.com>
Date: Wed, 19 Apr 2023 17:27:26 +0200
Subject: [PATCH] :sparkles: Responsive working

---
 .vscode/custom.code-snippets                             | 9 +++++++++
 .../Layouts/Folder/AskDocuments/classes.module.scss      | 4 ++++
 2 files changed, 13 insertions(+)
 create mode 100644 .vscode/custom.code-snippets

diff --git a/.vscode/custom.code-snippets b/.vscode/custom.code-snippets
new file mode 100644
index 00000000..0a5a06ae
--- /dev/null
+++ b/.vscode/custom.code-snippets
@@ -0,0 +1,9 @@
+{
+    "Media queries": {
+        "prefix": "media",
+        "body": [
+            "@media(max-width: \\$screen-$1){$2}"
+        ],
+        "description": "media queries"
+    },
+}
\ No newline at end of file
diff --git a/src/front/Components/Layouts/Folder/AskDocuments/classes.module.scss b/src/front/Components/Layouts/Folder/AskDocuments/classes.module.scss
index ce64fe4e..cff19e32 100644
--- a/src/front/Components/Layouts/Folder/AskDocuments/classes.module.scss
+++ b/src/front/Components/Layouts/Folder/AskDocuments/classes.module.scss
@@ -13,6 +13,10 @@
 			display: grid;
 			grid-template-columns: repeat(2, 1fr);
 			gap: 24px;
+
+			@media (max-width: $screen-m) {
+				grid-template-columns: 1fr;
+			}
 		}
 
 		.buttons-container {