Fix responsive

2026-01-18 16:37:30 +01:00 · 2024-09-09 15:46:56 +02:00
parent b00b98d2ce
commit 78d112fb3e
1 changed files with 33 additions and 0 deletions
--- a/style.css
+++ b/style.css
@@ -1,3 +1,20 @@
+@media (min-width: 1024px) {
+    .card {
+        width: 25%;
+    }
+
+    .card-large-width{
+        width: 61.5%;
+    }
+
+    .card-very-large-width{
+        width: 100%;
+    }
+
+    .card-large-height{
+        width: 40%;
+    }
+}
 .card{
    margin: 10px;
    padding: 10px;
@@ -242,4 +259,20 @@ video{

 #Serge{
    width: 93%;
+}
+
+@media (max-width: 1440px) {
+    .card {
+        width: 100%;
+    }
+
+    .card-large-height {
+        width: 100%;
+        height: 35%;
+    }
+
+    .card-large-width {
+        width: 100%;
+        height: 35%;
+    }
 }