💄 Одинаковые брейкпоинты во всех файлах

frontend/src/App.vue

@@ -84,9 +84,6 @@ body {
   color: #121212;
   background-color: rgb(124, 230, 124) !important;
 }
-.highlight_correct {
-  border: 1px solid rgb(124, 230, 124);
-}
 .wrong {
   background-color: rgb(255, 71, 71) !important;
 }

frontend/src/components/Game.vue

@@ -144,7 +144,7 @@ export default {
   margin-top: 100px;
 }
 
-@media screen and (max-width: 486px) {
+@media screen and (max-width: 520px) {
   .card {
     width: 94%;
     padding: 3%;

frontend/src/components/Login.vue

@@ -70,4 +70,11 @@ button {
   padding: 5px 8px 5px 8px;
   cursor: pointer;
 }
+
+@media only screen and (max-width: 520px) {
+  div {
+    width: 100%;
+    padding: 40px 0px 40px 0px;
+  }
+}
 </style>

frontend/src/components/Stats.vue

@@ -68,7 +68,7 @@ div {
   box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
 }
 
-@media screen and (max-width: 486px) {
+@media screen and (max-width: 520px) {
   div {
     width: 100%;
     position: relative;