page

templates/assets/css/navigation.css

@@ -106,7 +106,7 @@
     align-items: center;
     z-index: 200;
     position: fixed;
-    background-color: hsl(300, 100%, 50%);
+    background-color: hsl(160, 51%, 80%);
     max-height: 30vh;
     margin-top: 5rem;
     min-width: 80%;

templates/assets/css/pages.css

@@ -65,4 +65,48 @@ img {
 
 #withbutton {
     padding-bottom: 4vh;
+}
+
+@media (min-width: 700px) {
+    .content_container p {
+        padding-bottom: 6vh;
+    }
+}
+
+@media (min-width: 1000px) {
+
+    .content_container {
+        padding: 3vh 4vw 1vh 4vw;
+    }
+    .content_container img {
+        grid-column: 1/3;
+        grid-row: 1/3;
+        height: 40vw;
+        width: 40vw;
+        align-self: center;
+        justify-self: flex-start;
+    }
+
+    .content_container h1 {
+        grid-column:2 ;
+        grid-row: 1;
+        align-self: center;
+        letter-spacing: .3vw;
+    }
+
+    .content_container p {
+        grid-column:2 ;
+        grid-row: 2;
+        margin-top: 0;
+        width: 50vw;
+        line-height: 5.25vh;
+    }
+
+    .content_container a {
+        grid-column: 2;
+    }
+
+    #withbutton {
+        padding-bottom: 6vh;
+    }
 }

templates/hemp.html.tera

@@ -15,7 +15,7 @@
         <br>Entdecke unser erstes Experiment !</p>
     </div>
     <div class ="content_container" id="withbutton">
-        <img src="../img/bliss.JPG">
+        <img src="../img/oil_drop.JPG">
         <h1><span>CBD </span>Öl</h1>
         <p>Unsere CBD Pflanzen verarbeiten wir selbst zu Vollspektrum Ölen. Jedes ein Unikat, wie die Experimente.
          Unsere ersten Öle gewinnen wir durch Extraktion mit Trinkalkohol und natürlich ohne artifizielle Zusätze.