structix/intecsync
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

media query

Browse Source
This commit is contained in:
structix
2019-05-06 15:03:11 +02:00
parent 5aa676fa51
commit befb86696c
1 changed files with 17 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
uebung2/cssgalerie.html
View File

@@ -4,6 +4,7 @@
</header> </header>
<body> <body>
<style> <style>
body { body {
background-color: black; background-color: black;
} }
@@ -21,7 +22,22 @@
column-count: 3; column-count: 3;
column-gap: 40px; 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> </style>
<div class="images"> <div class="images">