* mobile size adjustments

2018-05-06 16:52:54 +02:00
parent a78d46645f
commit 63a15025f6
2 changed files with 11 additions and 4 deletions
--- a/public/styles/main.css
+++ b/public/styles/main.css
@@ -78,14 +78,19 @@ section.error {
    }

    section.home {
+        max-width: calc(100% - 40px);
        grid-template-columns: auto auto;
-        grid-template-rows: 370px 175px auto 175px;
+        grid-template-rows: auto auto auto auto;
        grid-template-areas:
                "bigimg bigimg"
                "article article"
                "smallimg1 smallimg2";
    }

+    section.home > img {
+        width: 100%;
+    }
+
    section.article {
        grid-template-columns: auto;
        grid-template-rows: auto auto;
@@ -99,7 +104,7 @@ section.error {
    }

    img.embedded-image {
-        max-width: 50%;
+        max-width: 40%;
        float: right;
        margin-left: 10px;
        margin-bottom: 10px;