WV8 done

WV8/index.html

@@ -21,6 +21,25 @@
       <h2>Article</h2>
       <p>This is a paragraph.</p>
     </article>
+
+    <form class="box">
+      <h2>Form</h2>
+      <p>First name</p>
+      <input type="text">
+      <p>Last name</p>
+      <input type="text">
+      <input type="submit">
+    </form>
+
+    <article class="box">
+      <h2>Advertisement</h2>
+      <p>
+        This is some ad text to scam u into buying <br>
+        our <strong><i>product</i></strong>
+      </p>
+      <p>Buy now? <input type="checkbox"></p>
+    </article>
+
   </main>
 </body>
 </html>
\ No newline at end of file

WV8/screens.css

+/* Mobile Styles */
+@media only screen and (max-width: 400px) {
+    .container{
+      grid-template-columns: 1fr !important;
+    }
+  }
+  
+  /* Tablet Styles */
+  @media only screen and (min-width: 401px) and (max-width: 960px) {
+    .container{
+      grid-template-columns: 1fr !important;
+      }
+  }
+  
+  /* Desktop Styles */
+  @media only screen and (min-width: 961px) {
+    
+  }
\ No newline at end of file

WV8/styles.css

 @import url(variables.css);
+@import url(screens.css);
+
 body {
     margin: 0;
     padding: 0;
     line-height: 1.5;
     font-family: Arial, Helvetica, sans-serif;
-  }
+}
 
-  header{
+header{
     background-color: var(--header-bg-color);
-    color: var(--header-txt-color);
-  }
-  
-  .container {
+}
+
+.container {
     margin: 20px auto;
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-gap: 20px;
     align-items: center;
     width: var(--container-width);
-  }
+}
 
-  .container .box{
+.container .box{
     background-color: var(--box-bg-color);
     padding: var(--box-padding);
     color: var(--box-main-color);
@@ -29,10 +30,14 @@ body {
     var(--box-shadow-v-offset)
     var(--box-shadow-blur);
     border: 1px solid var(--box-main-color);
-    
 }
-  
-  header#main-header h1 {
+
+.container .box p{
+    color: var(--main-txt-color);
+}
+
+header#main-header h1 {
     padding: 0;
     margin: 0;
-  }
+    color: var(--header-txt-color);
\ No newline at end of file
+}
\ No newline at end of file