add new media-queires

2022-10-18 12:59:13 +03:00
parent ff2dfd42d7
commit 134f3dcf92
2 changed files with 72 additions and 4 deletions
--- a/css/style.css
+++ b/css/style.css
@@ -216,6 +216,7 @@ main {
  display: flex;
  justify-content: space-between;
  margin: 15px 0 10px 13px;
+  flex-wrap: wrap;
 }
 .card-inf__item {
  font-size: 10px;
@@ -509,4 +510,30 @@ footer {
    width: 60%;
    margin: 0 auto;
  }
+}
+@media (max-width: 460px) {
+  .card__describe {
+    min-height: 120px;
+  }
+  .card-inf__item {
+    font-size: 8px;
+  }
+  .card-inf__item::before {
+    top: -2px;
+  }
+  .card-description {
+    display: block;
+  }
+  .settings {
+    font-size: 10px;
+  }
+  .settings .ended {
+    margin-top: 10px;
+  }
+  .settings .ended::before {
+    top: -7px;
+  }
+  .footer .about {
+    width: 100%;
+  }
 }