I hate responsive design

2025-03-17 13:22:06 +01:00
parent 6074dc6fd1
commit bdcba88bfd
7 changed files with 55 additions and 45 deletions
--- a/front/src/components/TextBlock.vue
+++ b/front/src/components/TextBlock.vue
@@ -16,7 +16,6 @@

  justify-content: center;
  align-items: center;
-  /*justify-content: start;*/

  word-break: break-word;
  height: fit-content;
@@ -26,17 +25,16 @@
  background: rgb(239, 239, 239);
 }

-
-@media screen and (max-width: 800px) {
+@media screen and (min-width: 1001px) {
  .text-block {
-    padding: 5px 15px 5px 15px;
+    padding: 30px;
+    width: 50%;
  }
 }

-@media screen and (min-width: 801px) {
+@media screen and (max-width: 1000px) {
  .text-block {
-    padding: 10px 30px 10px 30px;
+    padding: 10px;
  }
 }
-
 </style>