media query

2019-05-06 15:03:11 +02:00
parent 5aa676fa51
commit befb86696c
1 changed files with 17 additions and 1 deletions
--- a/uebung2/cssgalerie.html
+++ b/uebung2/cssgalerie.html
@@ -4,6 +4,7 @@
 </header>
 <body>
 <style>
+        
        body {
                background-color: black;
        }
@@ -21,7 +22,22 @@
  				column-count: 3;
                column-gap: 40px;
 		}
-
+        @media only screen and (max-width: 1000px) {
+                .images {
+  				        -webkit-column-count: 2; /* Chrome, Safari, Opera */
+  				        -moz-column-count: 2; /* Firefox */
+  				        column-count: 2;
+                        column-gap: 40px;
+		        } 
+        }
+        @media only screen and (max-width: 500) {
+                .images {
+  				        -webkit-column-count: 1; /* Chrome, Safari, Opera */
+  				        -moz-column-count: 1; /* Firefox */
+  				        column-count: 1;
+                        column-gap: 40px;
+		        }
+        }
 </style>

 <div class="images">