diff options
| author | Jan Tuomi <jans.tuomi@gmail.com> | 2022-07-12 00:09:42 +0300 |
|---|---|---|
| committer | Jan Tuomi <jans.tuomi@gmail.com> | 2022-07-12 00:09:50 +0300 |
| commit | 054f00df158175b849599b81bcf68dfac6c44b39 (patch) | |
| tree | 0cebce16598d9b2c5a605ab8cedf5885a1d70d5b | |
| parent | c574f382bff3a1ab1aab311acbf54317c97e0a83 (diff) | |
Fix mobile styles
| -rw-r--r-- | src/styles.css | 26 |
1 files changed, 25 insertions, 1 deletions
diff --git a/src/styles.css b/src/styles.css index 2fbdda2..c83169c 100644 --- a/src/styles.css +++ b/src/styles.css @@ -61,6 +61,30 @@ h3 { left: 612px;
}
+@media screen and (max-width: 850px) {
+ h1 {
+ font-size: 14vw;
+ line-height: 14vw;
+ }
+
+ h2 {
+ font-size: 5vw;
+ }
+
+ h3 {
+ font-size: 8vw;
+ margin-bottom: 8px;
+ }
+
+ #logo {
+ display: none;
+ }
+
+ header {
+ margin-bottom: 20px;
+ }
+}
+
.gallery {
display: flex;
flex-flow: row wrap-reverse;
@@ -79,7 +103,7 @@ h3 { .gallery .column a {
margin-bottom: var(--grid-gap);
- min-width: 400px;
+ min-width: min(400px, 100vw);
}
.gallery .column img {
|