Fixe container width with media only screen

2026-04-18 12:37:53 +00:00 · 2021-01-04 09:16:18 +01:00
parent 51804e73a3
commit de028355ef
1 changed files with 15 additions and 1 deletions
@@ -326,7 +326,7 @@ ion-toolbar{
  justify-content: center;
 }
 .schedule {
-  width: 400px;
+  max-width: 400px;
  font-family: Roboto;
  margin: 10px 0px;
  padding: 20px;
@@ -442,8 +442,22 @@ ion-toolbar{


@media only screen and (min-width: 804px) {
+
  .schedule:first-child {
    margin-right: 2%;

  }
+}
+
+@media only screen and (min-width: 478px) {
+  .schedule{
+    width: 400px;
+  }
+}
+
+
+@media only screen and (max-width: 478px) {
+  .schedule{
+    width: 360px;
+  }
 }