separated media viewports into individual stylesheets

1 files changed, 21 insertions, 0 deletions

diff --git a/desktop.css b/desktop.css
new file mode 100644
index 0000000..029d7e6
--- /dev/null
+++ b/desktop.css
@@ -0,0 +1,21 @@
+/* Desktop Layout */
+@media only screen and (min-width: 800px) {
+  nav {
+    flex-direction: row-reverse;
+    margin: 0;
+    padding: 0;
+  }
+
+  div.buttons {
+    flex-direction: row-reverse;
+  }
+
+  .banner {
+    text-align: right;
+    background: linear-gradient(
+      to right,
+      rgba(255, 255, 255, 0) 0%,
+      rgba(255, 255, 255, 1) 50%
+    );
+  }
+}