deploy: b780169745c17f9fc971299e923e5ca5669b5a22

1 files changed, 31 insertions, 0 deletions

diff --git a/css/media.css b/css/media.css
new file mode 100644
index 00000000..803fdfbd
--- /dev/null
+++ b/css/media.css
@@ -0,0 +1,31 @@
+.flex-container {
+  width: 720px;
+  margin: 0 auto;
+}
+html {
+  font-size: 18px;
+}
+@media (max-width: 1600px) {
+  html {
+    font-size: 18px;
+  }
+  .flex-container {
+    width: 720px;
+  }
+}
+@media (max-width: 1200px) {
+  html {
+    font-size: 18px;
+  }
+  .flex-container {
+    width: 640px;
+  }
+}
+@media (max-width: 688px) {
+  .flex-container {
+    display: block;
+    width: calc(100% - 48px);
+    padding-left: 24px;
+    padding-right: 24px;
+  }
+}